Home › Forums › Pro Themes ›  Travel Insight Pro › Menu not scrolling properly on Apple iPhone

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 10, 2020 at 4:21 am #120598
    Toby Belfield
    Participant

    Hi,

    My website is http://www.cambridgeschoolonline.co.uk

    The menu for “Academic” has 9 sub-menus. On the Apple iPhone, when you click to expand this menu, it does not show all of them – and there is no way to get them all (for example, by scrolling.)

    This fault does not happen on android phones – and tablets/desktops seem to work fine.

    I do not want to disable the sticky menu for all devices – because I definitely want it to be sticky for the desktop. If the fix means disabling the sticky menu for only mobile devices, that would be OK – but it would still be a shame.

    I look forward to hearing from you.

    Toby.

    April 10, 2020 at 8:00 am #120614
    wensolutions
    Keymaster

    Hello,

    Regarding your query, you can add CSS following the path Admin Panel > Appearance > Customize > Additional CSS,

    @media(max-width: 992px){
    header#masthead.site-header.sticky-header.nav-shrink .main-navigation{
        position: static !important;
    }
}

    This will help you scroll the menus but the menu is not sticky.

    Hope this helps.

    If you have further queries, let us know.

    Thank you.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.