Archived topic
Primary Navigation - Always Show Drop Down
3 replies · Started by brians on November 20, 2018
Viewing posts 1–4 of 4
Very odd / different request.
Have a website. I have the main navigation floating to the right side of the logo in the header.
One of the three main links in the navigation has a drop-down / sub-menu with two links. They show up normally when you hover over the main link.
However, is there a way that the drop down menu items can always be displayed and doesn't require a hover, click, or anything? I'm sure it is just a small piece of CSS code that I can't figure out. I've tried to set ul.sub-menu with visibility: visible but that didn't work.
Thank you!
Shouldn't be too hard :)
Try this:
.dropdown-hover .main-navigation:not(.toggled) ul li > ul {
left: auto;
opacity: 1;
transition-delay: 150ms;
pointer-events: auto;
height: auto;
overflow: visible;
}Working well. Thank you Tom.
You're welcome :)
This archived topic is closed to new replies.
