Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #334313

    How can we highlight a specific menu item with Enfold 2.9.1 using either a small number (e.g. “Jobs” at kriesi.at), or an inverted display of the menu item (e.g. “Get Started” at datasift.com)?

    #334932

    Hey ecoresearch!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    li#menu-item-3194 .avia-menu-text {
    padding: 5px;
    background-color: red;
    border-radius: 5px;
    }

    You can right click on Chrome or Firefox to inspect elements to find menu item ID’s http://i.imgur.com/HyPTCRg.jpg
    It is a lot easier to highlight a menu item on Enfold 3.0.1

    Best regards,
    Yigit

    #552842

    This is working very well for me on the main menu (I highlighted ‘Websites’ on http://highpeaksmedial.com).

    What CSS would I use to highlight a submenu item? Thanks!

    #553139

    Hi!

    According to this site – http://downforeveryoneorjustme.com/ your website is currently down. Can you please check the link once again?

    Best regards,
    Yigit

    #553144

    OOPS! I gave the wrong URL – can you try: http://www.highpeaksmedia.com/. Sorry about that.

    ALSO OOPS – I am interested to highlight a menu item on the secondary menu (top right, top bar), not a submenu item – sorry about the confusion.

    • This reply was modified 8 years, 4 months ago by sackerly.
    #553156

    Hey!

    Please change the code to following one

    li#menu-item-3194 > a > .avia-menu-text, ul#avia2-menu li.current-menu-ancestor > a, ul#avia2-menu li.current-menu-item > a {
    padding: 5px;
    background-color: red;
    border-radius: 5px;
    }

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Cheers!
    Yigit

    • This reply was modified 8 years, 4 months ago by Yigit.
    #553178

    That code seems to work, but only for the current page. I would like to have a single menu item in the secondary menu highlighted globally (like the ‘Websites’ menu item is currently highlighted globally). That is, the menu item is highlighted all the time (as a Call to Action).

    Thanks for your help with this. I’ve been playing around with it but still can’t get it (!). Thanks!

    • This reply was modified 8 years, 4 months ago by sackerly.
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Highlight Menu Items’ is closed to new replies.