I don't have iPad 7 to test, but I believe it has bigger reported resolution width then older iPads and in horizontal mode it goes into desktop browser breakpoints.
You can achieve similar effect on a desktop browser by narrowing the window.
I can help you either by narrowing your logo for certain resolution widths or by making menu font smaller. What do you think?
@media only screen and (max-width: 1080px) {
.top-menu > li > a, .top-menu > li > span.title, .top-menu .mega-menu > ul > li > span.title, .top-menu .mega-menu > ul > li > a {
font-size: 16px;
}
}
Comments
I don't have iPad 7 to test, but I believe it has bigger reported resolution width then older iPads and in horizontal mode it goes into desktop browser breakpoints.
You can achieve similar effect on a desktop browser by narrowing the window.
I can help you either by narrowing your logo for certain resolution widths or by making menu font smaller. What do you think?
With kind regards.
Want to thank me with coffee?
Please try such custom CSS: With kind regards.
Want to thank me with coffee?
Where exactly have you added this CSS, as I can not find it on your website?
With kind regards.
Want to thank me with coffee?
Try now
You can always try to reduce font size even further.
With kind regards.
Want to thank me with coffee?