menu item fixed width in px

Resolved W2014
(@w2014)

10 years ago
Hallo, i could not find a way to make all the menu items the same width. i want to have the same width for all items.

you have:
The width of each flyout menu. This must be a fixed pixel value.

but where is the same for the main menu?

if i try to change the css (width) like this, then the menu breaks apart:
```
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    margin: 0 0px 0 0;
    display: inline-block;
    height: auto;
    width: 120px;
```
that looks strange and unprofessional, when flyout menu is fixed and the top menu not.

thx, Gabriel

https://wordpress.org/plugins/megamenu/

Viewing 1 replies (of 1 total)

Thread Starter

W2014

(@w2014)

ok i got it, in case someone wants to know it. just ad this to the menu theme css ( i wanted the width=140px ):

#{$wrap} #{$menu} > li.mega-menu-item {
  width: 140px;
}

so, my css looks like this now, because i want rounded corners for the flyout menu and all looks perfect:

#{$wrap} #{$menu} {
    /** Custom styles should be added below this line **/
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}

#{$wrap} #{$menu} > li.mega-menu-item {
  width: 140px;
}
#{$wrap} {
    clear: both;
}

Viewing 1 replies (of 1 total)

The topic ‘menu item fixed width in px’ is closed to new replies.

Tags