Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #710965

    I’m trying to put a down arrow in the menu and when you hover over the text, the background color of the text shows up yellow and the arrow changes color. It’ will look like the follow image: click here to see image The blue color you see in the top is the transparent color of the image behind. I really could appreciate the help. Thanks!

    • This topic was modified 7 years, 4 months ago by ftlamont.
    #710974

    Hi ftlamont!

    You can go to Enfold theme options > Advanced Styling and edit “Main menu links” and adjust initial and hover state colors.

    Regards,
    Yigit

    #710975

    Thanks Yigit, How do I get the down arrow in there and have it change from yellow to white when someone hovers over top of it?

    #710977

    Also, I tried using the Enfold theme options > Advanced Styling and edit “Main menu links” – however, I using a transparent header, so the background doesn’t show up. I’m basically trying to take enfold and make the menu work like this:Website sample

    #711764

    Hi!

    Please add this in the Quick CSS field:

    .av-main-nav {
        position: relative;
        top: 20px;
    }
    .av-main-nav li {
        max-height: 30px;
    }
    
    .av-main-nav li a{
        line-height: 30px !important;
        height: 30px !important
    }
    
    .av-main-nav li:hover a {
        background: blue;
    }
    
    .av-main-nav li:hover a .avia-menu-text{
        color: white;
    }

    Best regards,
    Ismael

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