Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Is it posible to highlight the menu the cursor is over (and the submenu item) to another color?
I’m using Origami premium and have the followin for customizing the menu look:
#menu ul {
background: rgba(249,249,249,0.8) !important;
}
#menu ul ul li {
width: 120px;
text-align: left;
padding: 7px 0px 7px 40px;
background: rgba(249,249,249,0.6) !important;
}
Hi Eugeni
Could you perhaps take a quick look at the thread below:
https://siteorigin.com/thread/active-link-color/
I worked something up very close to what you want in that thread.
Let me know how you come along and I’ll help finish if needs be.
Thanks
Thanks Andrew
I used the “#menu ul ul li a:hover { }” and “#menu ul a:hover { }”, now I can higlight the main menu choosen and the line on the drop down iindependtly.
To get it perfect can I keep the menu higlighted while the cursor is on its sub menu items? I add an imgur link to you to see. http://imgur.com/HdseNCm When I’m on the items, the top menu loose the highlight.
Thanks
Shooting from the hip here but try assigning the hover color like this instead:
#menu ul li:hover > a { }So instead of putting the hover pseudo class on the “a” element we’re putting it on the “li”.
Thank you very much Andrew, now is working like a charm.
Closed.
Awesome, thanks for taking care of the final work there. Glad you made progress.
Chat soon.
Cheers