Would like to show mobile menu icon on ipad portrait view

rad76

Hi,

Currently when someone views my site on ipad in portrait view it shows all the menu items but as there is not enough room one drops below the others (see attached)
I would like to have it setup so it gives the drop down icon that displays when viewed on a mobile.
Could you help please?

Thanks,
C.

Air

Hello

This is not easy change, cause it have to be manged in few files. Maybe instead you would like to decrease font-size while in screen width goes below 768px?

You can try this custom CSS

@media only screen and (max-width: 768px) {
    .top-menu > li > a{
        font-size: 11px;
    }
}

With regards.

rad76

Hi,

Thanks - yes thought might be tricky - I will try this option.

Appreciate your help

rad76

That seems to work great - thank you!!

Air

That is great:-)