Mega Menu - Centered On Page? - Question | JoomShaper

Mega Menu - Centered On Page?

M

michael

Helix Framework 3 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

0
10 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #8652

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

0
M
michael
Accepted Answer
3 years ago #8655

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 ...

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #8823
0
M
michael
Accepted Answer
3 years ago #8872

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

0
M
michael
Accepted Answer
3 years ago #11613

OK one final try ...

Can you achieve such a mega menu (typo3) with Helix?

the menu has full width of the box, the columns add up to 100% width

https://prnt.sc/10tcrva

https://prnt.sc/10tcvjm

https://prnt.sc/10tcw4b

https://www.klinikum-soltau.de

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #11693

Hello michael

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

Best regards

0
M
michael
Accepted Answer
2 years ago #20574

here is the login - Ofi

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #20581

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

0
M
michael
Accepted Answer
2 years ago #21775

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 .....

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #21804

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

0