Docs

[hhX]

Hello,

I am trying to adjust the megamenu in a way that it doesn’t use 100% of the width. After searching the forum I applied the following custom css after adding the classes x-megamenu col-2 custom-width-1 to the menu element

.x-megamenu .col-2 .custom-width-1 > ul.sub-menu{
  width: 600px;
  left: auto !important;
}

However, it still doesn’t work. Could you please have a look?

Thank you.

[hhX]

This reply has been marked as private.

[Rad]

Hi there,

Thanks for writing in.

Please change your CSS to this,

.x-megamenu.custom-width-1 > ul.sub-menu {
    max-width: 600px;
    margin: 0 auto;
    position: absolute;
    left: 30% !important;
}

Cheers!

[Author]

Posts