Submenu items not showing on Mobile

[IstmoRetreat]

Hello, Could someone help me with figuring out how to get my submenu items to show on my mobile site. www.istmoretreat.com. It just shows the main menu links (not even the arrows to indicate that there is more underneath). Additionally, once you click on the three lines, the menu stays open. Any help would be appreciated!

[paul.r]

Hi @IstmoRetreat,

To fix this, you can add the code below in Theme Options > CSS

body .x-nav-wrap-mobile {
    top:100px;
}
body .x-navbar .mobile .x-nav .menu-item-has-children > a {
    width:100%;
}

body .x-sub-toggle { 
   right:10px !important;
   left:auto !important;
}

Kindly note that these issues is not an issue with the theme but because of the custom css that you have added.
If you remove your custom css, the sub menu items will work in mobile without having to add the code that I provided.

Thanks

[IstmoRetreat]

Thank you for your reply. I added this CSS but it did not help - everything looks the same on the mobile page. Menu does not show submenu, and if you move away from the menu it does not collapse. I am not sure what custom CSS affected the sub menu items, but I would really like the menu to work in the mobile site.

[nabeel]

Hi @IstmoRetreat,

I believe you’re using a cache plugin which is serving the old content, please clear all caches including browser cache then deactivate your caching plugin and other optimization plugins / services. If this doesn’t help then remove your entire custom CSS (take a backup of your custom CSS before removing) then clear your all caches and see if this resolves the issue.

Let us know how this goes!