Topic: Bug in example intro section
                  
                  rna014
                  pro
                  asked 7 years ago
                
                Hi I found a layout issue with my page which is using the following intro section example:
https://mdbootstrap.com/previews/docs/latest/html/intros/intro-contact-form.html
Upon trying the same layout on the above page the issue also came up.
1. On above page use chrome dev tools
2. Change device to "iPhone X"
3. Rotate to landscape mode
You can see that the toolbar and component layout completely messed up.
Is there any way of addressing this issue - as I have the same issue now ?
                
                  
                
                
                
                  
                  
                  
                    
                    
                
              
              
              
            
                      
                        Add comment
                      
                    
                  
                
                      
                      Marta Wierzbicka
                      free
                        answered 7 years ago
                    
                    Hi,
you can fix this by media queries, try this code:
                    
                    
                    
                    
                  
                  
                @media (min-width: 800px) and (max-width: 850px) {
header {
height: 700px;
}
}
Best,
Marta
                    
                      FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
              Resolved
Specification of the issue
              - ForumUser: Pro
 - Premium support: No
 - Technology: MDB jQuery
 - MDB Version: -
 - Device: -
 - Browser: -
 - OS: -
 - Provided sample code: No
 - Provided link: No
 
Tags