Full Width Desktop Menu

  • Resolved deanzouma

    (@deanzouma)


    2 years ago

    Hi there,

    I really love what this plugin looks like it’s capable of doing and have utilised it how I want for the mobile menu but i require some help with the desktop menu.

    I would like to have the navigation as a full screen desktop menu similar to this… https://www.adidas.com.au/

    I’m trying to set it up on my staging site which is this..
    https://staging-6c76-acuityhearing.wpcomstaging.com/

    Any help would be greatly appreciated..

    Thanks

    Dean

    The page I need help with: [log in to see the link]

Viewing 12 replies - 1 through 12 (of 12 total)
  • Thread Starter deanzouma

    (@deanzouma)

    2 years ago

    I saw this but am unable to find the appropriate class or ID.

    “To make use of this feature you’ll need to find the HTML element that wraps your page content and use the ID or class of the element (in the form of a jQuery selector) as Panel Width setting.

    For example: #container, body, #page, .content.”

    Plugin Author megamenu

    (@megamenu)

    2 years ago

    Hi Dean,

    It looks like you have fixed this now.

    Setting the Panel Width (Outer) to “body” will work across all sites.

    Regards,
    Tom

    Thread Starter deanzouma

    (@deanzouma)

    2 years ago

    Hi Tom,

    Thank you for getting back to me.

    It is not full width? I would like it to extend all the way across the page as in the adidas picture below it. My navigation only fits directly under the navigation itself and not the full width of the page..

    Plugin Author megamenu

    (@megamenu)

    2 years ago

    Hi Dean,

    It looks like this for me:

    https://app.screencast.com/qh4DgJP5WMpkR

    Please check JavaScript is enabled in your browser, and make sure your browser cache is clear. You could also try in a different browser.

    Regards,
    Tom

    Thread Starter deanzouma

    (@deanzouma)

    2 years ago

    Hi Tom,

    Thank you for your reply. I does work when I clear my cache on chrome but then reverts back to the same size width as before.. Anyway, I will test it on different browsers and computers.

    Is it possible to move the sub menu down so it does not cover my logo (on the left)? I have tried to play around with the padding settings and menu height but it does not provide a desired result.

    Thanks again for all of your help!

    Plugin Author megamenu

    (@megamenu)

    2 years ago

    Hi Dean,

    I think it would be easier to move the logo up, I see it has 15px top padding at the moment.

    Otherwise you could add top padding to the menu in the menu theme which should have a similar effect.

    Regards,
    Tom

    Thread Starter deanzouma

    (@deanzouma)

    2 years ago

    Hi Tom,

    Thank you for your help! I’ve been able to get it how I want it with your tips.

    1 last questions, is it possible to make the columns center aligned? I have been able to manufacturer a Centre format by adding a column on either side. The image below demonstrates the fix but i’m not sure if that will translate to different size screens. The 2nd image is without my fix.

    Plugin Author megamenu

    (@megamenu)

    2 years ago

    Hi Dean,

    Under Mega Menu > Menu Themes you can set the Panel Width (Inner) to something like 90% or 1280px. Or there is no problem to add empty columns instead as you have done.

    Regards,
    Tom

    Thread Starter deanzouma

    (@deanzouma)

    2 years ago

    Thanks Tom!

    Is it possible to change the animation? I think it’s currently set to fade in up but I would like it to fade in down. Is that possible?

    Plugin Author megamenu

    (@megamenu)

    2 years ago

    Hi Dean,

    The options can be found under Appearance > Menus > Max Mega Menu Settings > Effect (but Fade Down is not an option, sorry).

    Regards,
    Tom

    Thread Starter deanzouma

    (@deanzouma)

    2 years ago

    Thanks again for all of your help Tom!

    Thread Starter deanzouma

    (@deanzouma)

    2 years ago

    It’s pretty much how i want it now!

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘Full Width Desktop Menu’ is closed to new replies.