Fixed pricing page mobile
This commit is contained in:
		
					parent
					
						
							
								aaf1dcbc7e
							
						
					
				
			
			
				commit
				
					
						8207bc2dab
					
				
			
		
					 1 changed files with 45 additions and 1 deletions
				
			
		| 
						 | 
					@ -723,6 +723,14 @@ h6 {
 | 
				
			||||||
        margin-bottom: 20px;
 | 
					        margin-bottom: 20px;
 | 
				
			||||||
        padding: 0;
 | 
					        padding: 0;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					    .intro-pricing .intro-message .section-heading {
 | 
				
			||||||
 | 
					        font-size: 35px;
 | 
				
			||||||
 | 
					        width: 80%;
 | 
				
			||||||
 | 
					        margin: 0 auto;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					    .intro-pricing .intro-message {
 | 
				
			||||||
 | 
					        padding-bottom: 0;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    ul.intro-social-buttons > li:last-child {
 | 
					    ul.intro-social-buttons > li:last-child {
 | 
				
			||||||
        margin-bottom: 0;
 | 
					        margin-bottom: 0;
 | 
				
			||||||
| 
						 | 
					@ -806,6 +814,34 @@ h6 {
 | 
				
			||||||
        transform: translate(-50%, 0);
 | 
					        transform: translate(-50%, 0);
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    .price-calc-section{
 | 
				
			||||||
 | 
					        flex-direction: column;
 | 
				
			||||||
 | 
					        padding: 60px 10px !important;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					    .price-calc-section .card {
 | 
				
			||||||
 | 
					        width: 90%;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					    .price-calc-section .text {
 | 
				
			||||||
 | 
					        width: 80%;
 | 
				
			||||||
 | 
					        text-align: center;
 | 
				
			||||||
 | 
					        margin: 0 auto;
 | 
				
			||||||
 | 
					        margin-top: 20px;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					    .price-calc-section .text .section-heading {
 | 
				
			||||||
 | 
					        font-family: 'Montserrat-Bold';
 | 
				
			||||||
 | 
					        font-size: 35px;
 | 
				
			||||||
 | 
					        line-height: 35px;
 | 
				
			||||||
 | 
					        padding-bottom: 15px;
 | 
				
			||||||
 | 
					        text-align: center;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					    .price-calc-section .text .section-heading::before {
 | 
				
			||||||
 | 
					        left: 50%;
 | 
				
			||||||
 | 
					        transform: translate(-50%, 0);
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					    .price-calc-section .text .description {
 | 
				
			||||||
 | 
					        font-size: 18px;
 | 
				
			||||||
 | 
					        text-align: center;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@media(max-width:540px) {
 | 
					@media(max-width:540px) {
 | 
				
			||||||
| 
						 | 
					@ -822,6 +858,14 @@ h6 {
 | 
				
			||||||
    .intro-message > h1 {
 | 
					    .intro-message > h1 {
 | 
				
			||||||
        font-size: 2em;
 | 
					        font-size: 2em;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					    .price-calc-section .text .section-heading {
 | 
				
			||||||
 | 
					        font-size: 24px;
 | 
				
			||||||
 | 
					        line-height: 25px;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					    .price-calc-section .card .description span {
 | 
				
			||||||
 | 
					        font-size: 17px;
 | 
				
			||||||
 | 
					        margin-left: 4px;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue