Mega menu - centered on page? - Forum | JoomShaper
Staff replied Helix Framework

Mega menu - centered on page?

Asked by michael 5 years ago Last activity 5 years ago

HI,

is it possible to have the mega menu always centered on the page? So far I only can have it positioned left, right oder centered to the main-menu item.

I have four main menu items ... each should open a full width mega menu - no matter what position they have in the main menu ...

how to do that - any idea?

michael

10 replies

Mehtaz Afsana Borsha Staff

Hi,
Could you please share your site URL so that I can check?

michael Asked this

here the URL .... see the menui tem "Fachbereiche" - it is "centered (but to the menu item, not to the page)
at "ihr Aufenthalt" the orientation is to the left - I want it centered on the page ...

michael Asked this

yes ... i want the mega -menu (the whole white box) centered on the page

no matter what position the above menu-item has ( first, second, third, fouth) - if it opens a mega-menu, that menu should appear centered on the page ...

See the mega-menu on "Fachbereiche":
it is "centered" – but to the menu-item Fachbereiche,
not to the pagesize ... it appears too far left.

https://prnt.sc/10b8b6n

Ofi Khan Staff

Hello michael

Please share your administrator access here to check the issue. Use the Hidden Content box to share the credentials.

Best regards

michael Asked this

here is the login - Ofi

Ofi Khan Staff

Please change the width here to adjust to your screen (check the screenshot). You can also use CSS to adjust for different viewport. A sample CSS code is added in the custom.css file at the top (currently commented out).

Screenshot at Jun 10 18-24-04.png

michael Asked this

Hi Ofi,

thank you for taking on my problem. I could fix the issue for the menu-point "Fachbereiche" with CSS.

But the next Point "Ihr Aufenthalt" (also a mega menu) is still too far right .....

Ofi Khan Staff

I have added a custom class test-menu and added CSS to custom.css. Hopefully, it is okay now.

Log in to reply.