Change the size of sub menus?

[EricDF94]

Is there a way to change the size of the sub menu to make it fit to the text? Rather than try to explain I will show a picture.

This is what it looks like now

and ideally it would be centered and fit in a box sorta like this

[christian]

Hey Eric,

Regretfully, this is not an option offered in X. Fortunately, you can overrided it with simple CSS. Please add this code in Theme Options > CSS

.desktop .sub-menu {
    min-width: 0;
}

Hope that helps.

[EricDF94]

Is there also a way to then center the submenu to the menu above it? I centered the text using

.x-navbar .sub-menu a {
text-align: center !important;
}

but the white background/holder is still aligned to the left.

[jade]

Hi there,

Please add this code as well:

.masthead .x-navbar .desktop .sub-menu {
    left: -60%;
    right: auto;
}

Try adjusting the value of the left attribute.

Hope this helps.