Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 29, 2021 at 12:33 am #1322692
    erictuvel

    Hi,

    I have made one of my Menu items in my header a button. It looks nice but when I hover over it I don’t like how it shrinks. I cannot find the Theme options to change this. I would like it to be similar to the rollover/hover behavior in your theme demo

    Welcome

    Where it simply changes color slightly on hover. Please advise.

    Our website can be found here: https://investforbetter.org

    September 30, 2021 at 4:44 am #1322909
    Ismael

    Hey erictuvel,

    Thank you for the inquiry.

    The menu item shrinks because of this css code.

    #top #header #avia-menu > li:hover > a span.avia-menu-text {
    color: #e95e38 !important;
    border: 0 !important;
}

    It disables the default border of the button. Try to remove the code, then toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.

    Best regards,
    Ismael

    September 30, 2021 at 4:51 am #1322911
    erictuvel

    When you say remove the code, do you mean from the main .css file? Or is this in the Enfold Child Theme Options> General Styling>Quick CSS? I don’t see this code in the CSS so I’m not sure where to look to remove this. If you can please provide some more instruction that would be helpful.

    Thank you.

    September 30, 2021 at 4:59 am #1322915
    erictuvel

    Never mind, I found it in the Child css file. Thank you.

    September 30, 2021 at 12:47 pm #1322970
    Yigit

    Hi,

    Glad you figured it out and thanks for the update!

    Let us know if you have any other questions and enjoy the rest of your day :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Navigation Menu behavior on hover’ is closed to new replies.