Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 11, 2016 at 2:11 am #710965
    ftlamont

    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, 12 months ago by ftlamont.
    November 11, 2016 at 2:19 am #710974
    Yigit

    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

    November 11, 2016 at 2:22 am #710975
    ftlamont

    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?

    November 11, 2016 at 2:30 am #710977
    ftlamont

    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

    November 14, 2016 at 5:33 am #711764
    Ismael

    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

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