Ubermenu3 Responsive mobile issue

[angelofgod]

Hey!

When i open my responsive menu in mobile it wont show all content, even thought its on full width.

Screenshot 1>> http://prntscr.com/jqvnob

I want it to be shown like this>> http://prntscr.com/jqvo3o
so all menu content will be shown in mobile

How can this be achieved please?

[paul.r]

Hi,

To achieve that, you can add the code below in Theme Options > CSS

/* make menu two columns in mobile */
@media screen and (max-width: 480px) {
.ubermenu.ubermenu-responsive .ubermenu-item-level-0 {
    min-width:50% !important;
    width: 50% !important;
}
}

Hope that helps.

[angelofgod]

Hey Paul!

yes it worked great! i just have a little question, is that possible to expand the yellow contant background so the words of the menu will have space beetween them:
and that the menu will go above and over the accecibility button on the right side?

Screenshot>> http://prntscr.com/jrbqu1

[christian]

Hey @angelofgod,

You have this code in your Global CSS

@media (max-width: 1200px) {
.x-container, #ubermenu-main-37-primary-2 {
    width: 100%;
    z-index: 99999;
}
}

Change 100% to 200% and remove .x-container, as it might cause issues.

Hope that helps.