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.
Please try such custom CSS: With kind regards.
Where exactly have you added this CSS, as I can not find it on your website?
With kind regards.
Try now
You can always try to reduce font size even further.
With kind regards.