Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 11, 2014 at 2:15 pm #334313
    ecoresearch

    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)?

    October 13, 2014 at 2:50 pm #334932
    Yigit

    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

    December 15, 2015 at 8:41 am #552842
    sackerly

    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!

    December 15, 2015 at 4:43 pm #553139
    Yigit

    Hi!

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

    Best regards,
    Yigit

    December 15, 2015 at 4:46 pm #553144
    sackerly

    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 9 years ago by sackerly.
    December 15, 2015 at 4:56 pm #553156
    Yigit

    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 9 years ago by Yigit.
    December 15, 2015 at 5:28 pm #553178
    sackerly

    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 9 years ago by sackerly.
  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Highlight Menu Items’ is closed to new replies.