Archived topic
Horizontal Submenú
3 replies · Started by esteban on April 24, 2019
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%;
}
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 :)
You are awesome Tom!!
Works really great!
Awesome! Glad I could help :)
