Mobile Breakpoint for IPad and IPad Pro

Is it possible to change the mobile menu so it kicks in at 1024px instead of 989px?

I have a site with a wide logo, because of this it overlaps the menu on IPads and IPad Pros.

I normally add CSS to shrink the font so it fits but I cannot shrink it anymore without it being too small to read.

Please can you help?

Feature Request
Add third mobile break point option for Ipads/Ipad Pros at 1024px. I bet this issue affects a lot of people without them realizing!

My usual workaround code is below if anyone wants it: Just tweak the min and max widths until happy.

@media only screen and (min-width: 989px) and (max-width: 1149px) {
  /* Add your Desktop Styles here */
#top #header .av-main-nav > li > a {
    font-size: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
}

@media only screen and (min-width: 1150px) and (max-width: 1480px) {
  /* Add your Desktop Styles here */
#top #header .av-main-nav > li > a {
    font-size: 13px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
}

• This topic was modified 5 years, 3 months ago by thinkjarvis.