Mega Menu Columns Are Not Aligned - Support | Kriesi.at

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
March 5, 2017 at 3:21 am #755816

solidvapor
Participant

Go to http://netscore.solidvapor.net and hover over “ERP” in the top nav — you will see a mega menu of three rows with five columns.

But note that beginning with the second row, the columns after the first are offset slightly to the right and that the offset become more pronounced in the third row.

How can I get the columns of a multi-row, multi-column mega menu to line up — that is, to have a fixed left margin for each column…??

– Dick

March 5, 2017 at 2:47 pm #755930

solidvapor
Participant

I have added a colored (yellow) background to some of the entries in the ERP mega menu at http://netscore.solidvapor.net to clarify the problem.

As you see, the problem is that the width of the entries is not the same which is odd because the CSS for #header.three.units sets the width to 302.5px — why is this fixed width not being preserved for all entries in the menu…??

– Dick

March 10, 2017 at 1:34 pm #758878
Ismael
Moderator
Hi!

Thank you for using Enfold.

Set a minimum width to the columns to fix their alignment.
```
@media only screen and (min-width: 1180px) {
    #top #header .avia_mega_div > .sub-menu > li {
        min-width: 196px;
    }
}

@media only screen and (max-width: 1179px) {
    #top #header .avia_mega_div > .sub-menu > li {
        min-width: 170px;
    }
}
```
Regards,
Ismael
March 10, 2017 at 4:19 pm #758994

solidvapor
Participant

That did the job — thanks…!!

– Dick

March 11, 2017 at 12:32 am #759199

Vinay
Inactive Moderator

Hi,

Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)

Best regards,
Vinay
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Mega Menu Columns Are Not Aligned’ is closed to new replies.