Crave Theme - Website Menu Not Working Properly (on mobile - iPhone and Android)

Store Design
, , , ,
1

Our website, truffletopia.com, is having issues where the menu seems to be hidden behind the content when it is activated.

On iPhones, you have to scroll once the menu is activated, then it will popup.

On Android, you cannot see it. However if you turn your phone to landscape and then back to portrait, you will see it.

Thank you for the help.

Tony

2

Hello @Truffletopia ,

There is JS conflict which prevent hamburger icon to perform its action. You have manually fix the conflict with developer or own.

Or you can use this temporary solution, add this css at the bottom of base.css

.menu-opening #menu-drawer {
    filter: none;
    position: relative;
    border: none;
}

Thanks

3

@Truffletopia

Please add this code to file assets > component-menu-drawer.css

.js details[open].menu-opening>.menu-drawer {
    top: unset !important;
}

Try this and let me know

4

Thank you very much for the help. That worked perfectly!