Megamenu from MAX

[DesignMunky]

Hi, I’m wanting to adjust the dropdown for an element I downloaded from Gridorama in MAX.

https://design.healthysites.com.au/header-2/
(Select “Services” after the Logo Rectangle)

I’m wanting the dropdown to be centered on the page. Can you explain how I do that please?

Thanks,
Darren.

[tristup]

Hi Darren,

Thanks for reaching out.
To make that in the center you need to add some custom CSS code, which is beyond the scope of Theme Support. I would suggest you hire a developer who can assist you on this or you can avail of our newly launched service called One, where we answer the questions beyond normal theme support.

Thanks

[DesignMunky]

Hi Tristup,

Support has helped me with questions like this in the past. And I can see thousands of examples of you offering CSS tips and help to other people with issues or questions they have about themeco elements. Why is this one beyond the scope of Theme Support? I’m a paid up MAX member and am asking about a downloaded element that Themeco supplied a tutorial for.

It seems like just random chance every time I submit a support ticket these days as to whether I’ll get help like I used to…or be told to Hire someone from One.

[tristup]

Hi Darren,

Unfortunately, the Max is a collection of prebuilt elements that can be used, but if any adjustments or modifications are required, that comes under customization. And customization does not come under the Theme Support, that is why One service has been referred here.

Thanks

[DesignMunky]

I just don’t see how this question is any different to the one you guys helped me with in this thread…

Mega menu dropdown not centering

Hi, I am having trouble getting the dropdown of a mega menu to center that I have added to show at the mobile sized width. As you can see from this screenshot, the dropdown always aligns to the right edge of the Toggle. [Screen Shot 2021-12-30 at 7.48.12 pm] Here is the link to the page: Can you let me know how to fix please? THanks, Darren.

Darren.

[charlie]

I would target the dropdown with something like the following CSS. You might have to position it to your liking. Their are controls for dropdown positioning in the latest. However I don’t think you can center, but I will see about having that as a control in the future.

$el {
  position: fixed;
  left: 0px !important;
  right: 0px !important;
  top: 50px !important;
  bottom: 0px !important;
  z-index: 20000;
}

[DesignMunky]

Thanks Charlie,

You put me on the right track to understanding how to solve this issue - I appreciate it. In the end I set the dropdown width to 90vw and position left & right each to 5vw, with a max width or 1200px. Works great.

Cheers,
Darren.