Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 21, 2017 at 8:12 pm #781372
    danldurall

    Items nested under a “-” column in a mega menu do not display the correct hover effect. However, once you scroll down and the sticky header appears, these items display the correct hover effect.

    All items under “Download” display the CORRECT hover effect. All items under “-” do NOT display the correct hover effect:

    View post on imgur.com

    View post on imgur.com

    Mac OSX, Safari.

    April 22, 2017 at 9:53 am #781629
    Sarah

    Hey danldurall,

    If you look at our demo here, this is how the items under a “-” column are designed to behave.

    If you would like to change the hover effect, you can try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .sub-menu li a:hover{
background: #f8f8f8 !important;
color:#000000 !important;
}

    Best regards,
    Sarah

    April 22, 2017 at 5:32 pm #781710
    danldurall

    Perfect, thanks Sarah!

    April 22, 2017 at 11:13 pm #781817
    Nikko

    Hi,

    Glad we could help! Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Mega Menu Hover Effects’ is closed to new replies.