Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 11, 2020 at 5:27 pm #1259931
    rocketsuits

    Hi Guys,

    a customer would like to have a second level in the mega menu.
    That works, but the menu can be seen all the time – and then the mega menu looks to mega :D

    Does anyone know an easy way to hide the second level? It should only be displayed when the mouse curser going over it. At first I thought it would be nice to find a solution via css. But that didn’t work. Here is my code:

    
.av-main-nav ul ul:hover + #top .av-main-nav ul ul ul {
  opacity: 1!important;
	visibility: visible!important;
}

 #top .av-main-nav ul ul ul {
  opacity: 0;
	visibility: hidden;
}

    Maybe someone else has an idea? Thaaaanks

    November 17, 2020 at 5:47 am #1260894
    Rikard

    Hey rocketsuits,

    Sorry for the late reply. What you are looking to achieve might be possible, but it would likely take a long time to implement, and would for that reason be out of scope of theme support.

    Best regards,
    Rikard

    January 10, 2022 at 4:27 pm #1334962
    amanda-mdllc
    This reply has been marked as private.
    January 11, 2022 at 3:53 am #1335007
    Rikard

    Hi amanda-mdllc,

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

    .av-main-nav .sub-menu li:nth-child(1) {
    margin-left: 0;
}

    Best regards,
    Rikard

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