Archived topic
display submenu
12 replies · Started by thomas on August 25, 2020
hello,
i want the submenu items be displayed constantly...
i can't find the CSS where i can use 'display:block'
Hi there,
can you share a link to your site so we can see the setup.
Edit your original topic and use the Site URL field to privately share a link.
o.k...i did...another Question ist how to change the background colors of the submenu items...
thx
Just to confirm, you want the navigation to always show like this?
https://www.screencast.com/t/iowIVh22jZ
The submenu color option should be under customizer > colors > primary navigation.
yes..alway show the submenu...
Give this CSS a shot:
.main-navigation .main-nav ul ul.sub-menu {
position: relative;
top: 0;
left: auto!important;
right: auto!important;
width: 100%;
pointer-events: auto;
height: auto;
opacity: 1;
display: block;
visibility: visible;
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
o.k..thx...this works...but...now it shows the line at bottom of the last item...
cheers thomas
i fixed it....
main-navigation .main-nav ul ul.sub-menu {
left: auto!important;
right: auto!important;
width: 100%;
pointer-events: auto;
height: auto;
opacity: 1;
display: block;
visibility: visible;
}
now i have the problem with the colors ...i want 3 different colors of each item...
i tried to work wite css on menu-item-118 eg. but it doesnt work...
Hi there,
try this CSS:
.main-navigation .main-nav ul ul li.menu-item-118 a {
background-color: green;
}
.main-navigation .main-nav ul ul li.menu-item-119 a {
background-color: blue;
}
hey David,
thx a lot ...
cheers Thomas
its solved
solved
Glad to hear that.