Set the width of the flyout menu

Support
#1

Hi dear Support,

i have a adjust problem with my flyout menu in responsive view. If i oben the responsive view, the submenu is to width, i want set this in a automatic width as in the desktop view, i hope You understand my problem.
I’ve tried it in a screenshot to clarify

This is the stagingpage: http://www.roadeagle-arnsdorf.de/meute/

It would be very nice if this area could also get a border

Tanks and best regard Matthias

#2

Hello There,

Thanks for writing in! To resolve your submenu width issue, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media screen and (max-width: 959px){
  .ubermenu-responsive-default.ubermenu-responsive.ubermenu-has-border .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop {
    left: -1px!important;
    min-width: 20%;
    max-width: 90%;
    width: 75%;
  }
}

Hope this helps. Please let us know how it goes.

#3

Hi Tahks for your support!

It works great.

With best regards Matthias

#4

Glad we could help.

Cheers!