Mobile menu breakpoint

The menu of my website www.salsafun.be is too big for 1 line on an iPad Pro in portrait mode. Can you provide me a css code so the mobile menu button will appear on an iPad Pro in portrait mode?

Hello @Pablo,

Thanks for writing in!

You can add following CSS under X > Launch > Options > CSS to fix menu presentation on iPad Pro:

@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) { .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {padding-left: 5px !important; padding-right: 5px !important;}}

Let us know how it goes.

Thanks.

Hi Prasant,

it works fine. Thanks!

Kind regards,

Pablo

You’re most welcome!