display submenu

[thomas]

hello,
i want the submenu items be displayed constantly…
i can’t find the CSS where i can use ‘display:block’

[David]

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.

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

[thomas]

o.k…i did…another Question ist how to change the background colors of the submenu items…
thx

[Leo]

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.

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

[thomas]

yes..alway show the submenu…

[Leo]

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/

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

[thomas]

o.k..thx…this works…but…now it shows the line at bottom of the last item…
cheers thomas

[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…

[David]

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;
}

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

[thomas]

hey David,
thx a lot …
cheers Thomas

[thomas]

its solved

[thomas]

solved

[David]

Glad to hear that.

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

[Author]

Posts