Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 11, 2020 at 11:03 am #1245093
    undervised

    Hello, I have enfold on a development site here:

    Home

    The site uses your custom header to add a widget area to the header where I have followed your instructions in the documentation.
    I have then added a mega menu and its appearing waaaaay off to the left-hand side and off the screen.

    I have looked into the code and tried applying the following:

    .avia_mega_div.avia_mega4.twelve.units {
    left: -1590px!important;
    }

    In order to target the container however there is a calculation on it which overrides it everytime I open the megamenu by hovering over the menu link so it doesn’t work.

    I have also checked this ticket but it did not help:
    https://kriesi.at/support/topic/mega-menu-going-off-page/

    Have you experienced this before?

    September 12, 2020 at 5:10 pm #1245375
    Victoria

    Hey undervised,

    This code is messing with the mega menu dropdown:

    
#header li .avia_mega_div, #header li:hover .avia_mega_div {
    right: 0 !important;
    left: auto!important;
    max-width: 50vw;
}

    You need to have a look at it first.

    Best regards,
    Victoria

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