Forums

Animenu problem

Permalink
My site uses theme_palette which uses animenu. In mobile device after clicking menu button (it drops down) and after selecting an item with child pages (menu folds back to button mode). Clicking on a child page now goes to wrong page. I observed that the menu is still there in dropdown mode though invisibly so it is what is clicked actually.

How do we remove the invisible menu or just have a dropped down mode only all the time?
I'd appreciate any help.

By the way I am using c5 version 5.7.5.13
 
MrKDilkington replied on at Permalink Best Answer Reply 1 Attachment
MrKDilkington
Hi bongc,

When the mobile menu is closed, its opacity is set to 0. This makes it invisible, but still clickable (see attached screenshot).

You can try adding this CSS to your theme or Custom CSS. It prevents the menu from being displayed when the menu is closed.
@media (max-width: 767px) {
    div.ccm-page .global-nav .animenu ul.animenu__nav:not(.animenu__nav--open) {
        display: none;
    }
}
bongc replied on at Permalink Reply
Hi Karl,

Thanks very much, I thought it would be something like that, just don't know how exactly as haven't tried much coding.
Really appreciate it.

Bongc

Did not work in global-nav.less as is so placed it at the bottom of main.less.
Works perfectly.