Secondary navigation submenu

[Zaneta]

Hey, Tom
I have question about secondary navigation. I would like to display on second pages only sub menu in secondary navigation. How to do it? I have in my dynamic CSS:
.secondary-navigation .current-menu-ancestor .sub-menu {
opacity:1;
left: auto;
right: auto ;
position: relative;
width: 100%;
clear: both ;
top: auto;
float: none;
visibility: visible;
pointer-events: auto;
height: auto;
display: block;
}

but it’s display also main menu.

Thanks!

GP Premium 1.6.2

[David]

Hi Zantea,

i am having trouble picturing this.
You want to add a Secondary Menu and for it to not display the Parent menu items just the sub-menu items?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Zaneta]

Hi,
please see this
http://lib-dev.amu.edu.pl/wp-admin/customize.php?return=%2Fwp-admin%2F
on the right i have secondary navigation but i want to display only sub-menu (bright blue)

[David]

Hi Zaneta, this is what i can see, the two elements are Elementor widgets:

I can’t see a sidebar menu there?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Zaneta]

http://lib-dev.amu.edu.pl/historia-i-zbiory/

[David]

Hi Zaneta, to hide the parent menu items and just display the sub menu items would be very difficult. The best solution would be to create a new menu in wordpress that only contains the sub menu items.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Zaneta]

Thank you very much, I will try to do as you suggest

I have second question. How to hide only in mobile view in ma heading site logo and widget?

[David]

Hi Zaneta, go the Customiser > Layout > Header and enable Mobile Header where you can assign a logo. This will disable the desktop header and the widget.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Zaneta]

I think it’s will be okay. There is some possibility of expanding the second menu vertically?

[David]

Hi Zaneta, you can try adding this CSS:

.sidebar .secondary-navigation .main-nav .sub-menu {
    opacity: 1 !important;
    display: block !important;
    left: auto;
    right: auto !important;
    position: relative;
    width: 100% !important;
    clear: both !important;
    top: auto;
    float: none;
	height: auto;
}
.secondary-navigation .main-nav .menu-item .dropdown-menu-toggle {
	display: none;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Zaneta]

Last question :)? Is it possible to set the vertical expansion in this second navigation view, with expanded sub menu like in the link:
http://lib-dev.amu.edu.pl/historia-i-zbiory/

I trying but still getting horizontal expansion.

[David]

Hi Zaneta, did you try the code above? I currently see a code that only applies to the current menu item.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Zaneta]

Yes I tried it and it work fine, but now i don’t have expansion actually sub-menu like before.
See the same link:
http://lib-dev.amu.edu.pl/historia-i-zbiory/

and for correct i’am Paul – Zaneta is a work colleague 🙂

[David]

Hi Paul, i have updated the code above so the menus stay open

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Zaneta]

Hi David,
I checked this code and this is not correct for me.
But I found the right plugin for me about this second menu.
Thank you for your help and time.

[Author]

Posts