Site logo

Archived topic

display submenu

12 replies · Started by thomas on August 25, 2020

Viewing posts 1–13 of 13

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

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.

This archived topic is closed to new replies.