Main Menu Page list not showing properly on mobile mode

Viewing 5 replies - 1 through 5 (of 5 total)
  • Ashish – ThemeGrill Support

    (@themegrillteam)

    4 years, 5 months ago

    Hi @ssjgoku4,
    I just checked your site on my mobile and the mobile menu seems fine, I don’t see an issue as in the screenshot. Can you tell in which device are you getting the issue?

    Thanks.

    Thread Starter ssjgoku4

    (@ssjgoku4)

    4 years, 5 months ago

    i checked the site on multiple devices namely Sony Xperia XA1 Ultra, OnePlus 2, Google pixel 3, All of them showed the same broken menu. this issue also can be seen on customization section of the wordpress back-end, Not all the menus list is showing there. check the screenshot below.

    https://i.ibb.co/qxCpp1V/capture-one.png

    • This reply was modified 4 years, 5 months ago by ssjgoku4.
    • This reply was modified 4 years, 5 months ago by ssjgoku4.
    Ashish – ThemeGrill Support

    (@themegrillteam)

    4 years, 5 months ago

    Thanks for the insights. I just replicated same issue and it will be fixed in the upcoming update of the theme. For now, please add the following CSS which adds a scrollbar on the submenu so that the user can access all of the menu items.

    .tg-mobile-navigation li.page_item_has_children ul, .tg-mobile-navigation li.menu-item-has-children ul {
    overflow: scroll;
}

    This is a temporary solution and you can delete it once you get an update with the fix. I hope this is fine with you. 🙂

    Thread Starter ssjgoku4

    (@ssjgoku4)

    4 years, 5 months ago

    thanks i have applied the code to css. it looks unprofessional but will wait for the theme update to fix this issue for the time being.

    Ashish – ThemeGrill Support

    (@themegrillteam)

    4 years, 5 months ago

    Please remove the previous code and add this CSS:

    .tg-mobile-navigation li.page_item_has_children.submenu--show > ul, .tg-mobile-navigation li.menu-item-has-children.submenu--show > ul {
    max-height: 1000px;
    overflow-y: unset;
}

    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Main Menu Page list not showing properly on mobile mode’ is closed to new replies.