Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #292837

    Hi! First off, thanks for an awesome theme! By far the best one I’ve ever worked with.

    I’m having an issue with a a mega menu running off the right hand side of the screen. Everything on the menu worked perfectly until an extra column was added to that particular menu. Currently there are 5 mega menu dropdowns and a ‘Home’ menu option (6 menu options total). Each dropdown has multiple columns – two have 3 columns, two have 4 columns and the final dropdown (going off screen) only has 2 columns.

    From the Console it looks like the dropdown is being given style attributes:
    left: 239.5px; opacity: 0; display: none;

    The left attribute needs to be minus though to fix this issue (if you add minus- manually the menu looks positioned correctly).
    The div only has classes that I’d assume would affect the other menus, so how do I target this one specifically?

    Thanks for your help.
    image example

    #292841

    Hi danchristopher!

    Thank you for visiting the support forum.

    We need to see the actual website. Please post it here. Make sure that you’re running the latest version of WordPress and the Enfold theme.

    Best regards,
    Ismael

    #292848
    This reply has been marked as private.
    #293353

    Hi there, any updates on this issue?
    I’ve attempted to play with the menu to find a fix and noted that when I delete the second column under that last heading the menu moves back into it’s proper position, but then re-adding the second column sends it back off screen.

    Cheers.

    #293354
    This reply has been marked as private.
    #293548

    Hey!

    Thank you for the info.

    Not sure why the mega menu behave that way so I’ll ask Dude to take a look. For the meantime, please add this on Quick CSS or custom.css:

    li#menu-item-2602 div.avia_mega_div {
    left: -250px !important;
    }

    Cheers!
    Ismael

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