Headermenu brainer: display only subpages after clicking menutitle

Support
#1

Hello there, thanks for reading,

On my site I have a headermenu with 7 pages whereof 4 pages containing 17 subpages in total.

The default menustructure is a brainer now and then. Visitors get confused when hoovering over the menu; when there are subpages they forget to click on the first page itself, because they think it’s the menutitle and not a page.

How can I display at first only the menu name so that after clicking f.i. Shop, only then they are able to see and click Shop, Cart, Checkout?

Thanks in advance! :slight_smile:
Fer

#2

Hi Fer,

Thanks for writing in!

To achieve that, you can try adding this in X > Launch > Options > Custom CSS

.desktop .menu-item.x-active>.sub-menu {
    display: none;
}

.desktop .current_page_item.x-active>.sub-menu {
    display:block !important; 
}

Hope that helps

#3

Hi Paul,

Thanks for your answer and this is somehow better.
I’m not sure that everyone understands now that after clicking f.i. Shop, the subpages are clickable; because then they have to hoover over Shop again to see them :-7

Would it be more clear and possible in CSS?-code by clicking Shop, so 1 this page opens as you replied in your code and 2 a line containing Cart, Checkout, My Account (Shop and the underlying pages) in the line underneath appear then?

Thanks in advance, Fer from LifeEnergy.nl

#4

No. It would require custom development to achieve that. Regretfully, that would be outside the scope of our support. We do have an in-house custom development team that offer paid services, who may be able to assist. They can be contacted at [email protected] if this is of interest to you.

Thank you for your understanding.

1 Like