Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #760768

    See the Private content for the links.
    I am trying to build a site using the Enfold theme.

    I would like to be able to have the highlighted menu item have a green border on the bottom like in my design. See private link.

    Can you please help me out here?
    how do I change the menu padding in the theme?

    #761722

    Hey NetphoriaInc,

    Please try the following in Quick CSS under Enfold->General Styling:

    .current-menu-item {
        border-bottom: 3px solid green;
    }

    Best regards,
    Rikard

    #762215

    Thank you, however it is still not working the way I need it to. I have added the code and you can see the link in the private content below. How do I get it to look like in the design? I can not see where to update this?

    #763439

    Hi,

    Try using this css code:

    
    #top .current-menu-item > a .avia-menu-text {
        padding: 10px 13px;
        border-bottom: 2px solid #66b700;
    }
    
    #avia-menu li.current-menu-item > a {
        padding: 0 !important;
    }

    Hope this helps :)

    Best regards,
    Nikko

    #764274

    Nikko,
    Thank you so much! This fixed this element. I appreciate your help!!
    -Jessica

    #764616

    Hi Jessica,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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