Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #173544

    Hi there, first of all I think ENFOLD is the best theme, best thing ever built. You guys are crazy good.

    I only had a chance to play around with ENFOLD although I purchased a regular licence a while back. My question is:

    How do I get the sub menu of the Megamenu to go full width like it does on your demo. I installed the dummy content so that everything is like your demo, and activated the same menu to be a megamenu. But the sub menu seems to be only 50% width (even if I put 10 menus in a sub menu) and all additional columns automatically gets brought down to a new row in the submenu.

    Is there something I”m not doing or not doing right? I just want the mega menu to look like the one in your demo – fullwidth (logo to search icon).

    Hope to get some help soon. In the meantime, I still can’t get over how good you guys are. Thanks a ton.


    Hi bblooi!

    See if this video helps clear things up: https://vimeo.com/channels/aviathemes/67651241

    We need to do an updated version for 3.6 menus but the general concepts are the same.



    Hi Devin,

    Thanks for the help. But the link only shows how to set up the mega menu, which I already know. My problem is that I can’t get the menu drop down to go full width. It seems to have a limit of 50%. I’ve looked at some discussions regarding this and the only way that it worked was to use

    .avia_mega_div {
    width: 1024px;

    The trouble with that is that it doesn’t shrink when the browser is a little below that (say 1020px), so it gets chopped off. I tried using 100% as someone suggested in another discussion but that still keeps the dropdown menu at 50% with all the menus shrunk to a hilarious size.

    Wish there was an option to have the dropdown go full width of the container.

    Thanks for the help, anyway. Wish I had discovered ENFOLD earlier.

    BB Looi



    Please use media queries to resize the mega menu on smaller screens:

    @media only screen and (min-width: 768px) and (max-width: 989px) {
    .avia_mega_div {
    width: 800px;

    You can target different screen sizes.



    Hey there Ismael,

    Thanks for that lesson – it seems to work pretty well and I’m grinning like a silly cat. Good stuff from you guys!

    Cheers and thanks again.

    BB Looi

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Megamenu – can't get fullwidth.’ is closed to new replies.