Topic: Bug in example intro section
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
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
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No