Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #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.

    #174330

    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.

    Regards,
    Devin

    #174446

    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.

    Cheers
    BB Looi

    #174952

    Hey!

    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.

    Regards,
    Ismael

    #174970

    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.