Home Forums Exoplanet Pro Navigation Menu

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #14071
    Ivette Palomo
    Participant

    Greetings Andy,

    Is there a way to highlight one of the items in the navigation menu?  I would like to highlight one of the items with a rectangle or perhaps a background color.

    Thank you.

    Ivette

    #14072
    Andy
    Keymaster

    Yes this can be done with a small snippet of ‘Additional CSS’.

    In the example below the 3rd menu item will have a red border:

    #menu-main-menu > li:nth-of-type(3) {
        border: 1px solid red;
    }

    This will give it a red background:

    #menu-main-menu > li:nth-of-type(3) {
        background: red;
    }

    Change the color red to your preferred color or color hex code.

    If you want to highlight the 4th item, you should change the number in brackets to 4, and 5 for 5th etc.

    #menu-main-menu > li:nth-of-type(4) {
        background: red;
    }
    #14075
    Ivette Palomo
    Participant

    Thank you Andy.

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.