This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Highlight menu and submenu on Origami premium

Resolved 5 replies premiumthemetheme-origami
Eugeni Macia
11 years ago · Last reply by Andrew Misplon 11 years ago

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

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff 11 years, 5 months ago

    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

  2. Eugeni Macia 11 years, 5 months ago

    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

  3. Andrew Misplon Staff 11 years, 5 months ago

    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”.

  4. Eugeni Macia 11 years, 5 months ago

    Thank you very much Andrew, now is working like a charm.
    Closed.

  5. Andrew Misplon Staff 11 years, 5 months ago

    Awesome, thanks for taking care of the final work there. Glad you made progress.

    Chat soon.

    Cheers

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread