Topic: Bug in example intro section

rna014 pro asked 4 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 ?

Marta Wierzbicka staff answered 4 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

rna014 pro commented 4 years ago

Great thanks for that Marta! :-)


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags