[Resolved] Horizontal Submenú

[Esteban]

Hello!

I already put a css that i found on a topic to create an horizontal sub menu. You can see it on Products.

1) The menu from top is created with elements and i want to erase the white background of the sub menu and put the text in white. How i can do that?

2) On the sticky menu, the submenu goes to the left. How i can center that and put the white background to be full?

I copy the css that i put:

body .sf-menu > li {
position: static;
}

body .main-navigation ul.menu > li > ul {
width: 100%;
left: 0 !important;
}

body .main-navigation ul.menu > li > ul > li {
width: auto;
}

body .main-navigation ul.menu > li > ul > li ul {
left: 0;
top: 100%;
}

[Tom]

Hi there,

Try this CSS:

.header-wrap .main-navigation:not(.navigation-stick) ul ul {
    background: none;
}

.header-wrap .main-navigation:not(.navigation-stick) .main-nav ul ul li a {
    color: #fff;
}

.navigation-stick .sub-menu {
    text-align: center;
}

.navigation-stick .sub-menu li {
    float: none;
    display: inline-block;
}

Let me know 🙂

[Esteban]

You are awesome Tom!!

Works really great!

[Tom]

Awesome! Glad I could help 🙂

[Author]

Posts