Having trouble with alignment of the Mega Menu and its content

[OsiusKara]

Hello,

I have trouble with centering the Mega Menu.

I have already centered the navigation links horizontally with custom css,
but it doesn't work with the mega menu...

I think it has something to do with the grid columns, but I can't find the corresponding code...

I have marked in the screenshot the approximate position in which I would like to have it (green frame instead of red).

Can someone please point me in the right direction?

www.bavarian-kindskopf.de

Thank you very much - I appreciate it!

Osius

[Made4uo-Ribe · Accepted solution]

Hi @OsiusKara 

Check this one. 

Online theme > Select theme > Edit code > Assets > component-mega-menu.css > and find this code. 

Change grid-template-columns: Like this

The result will be like this. 

Then add this code on the very end on the same file. 

ul.mega-menu__list.page-width {
    width: 40%;
}

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!