Return to previous page

Menu Admustments for Mobile - by talonhead

This topic has 8 replies, 2 voices, and was last updated 7 years, 8 months ago ago by Robert Hall

talonhead

Participant

August 5, 2016 at 14:37

Hello guys. What do we need to do to have the Mobile Menu stay in a line per line, single vertical column? For example, when it switches over to the “hamburger”, the menu will remain a single column until the screen res is high enough for the “hamburger” to disappear.

See screenshot to what it needs to look like once the “hamburger” appears. Thanks!

Please, contact administrator
for this information.

#135797 Copied

7 Answers
Robert Hall

Support staff

August 6, 2016 at 10:11
Hello,

If I understand you correctly you can try to add this code in Theme Options->Styling->Custom CSS->Custom CSS for tablet
```
.ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column, .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column-auto {
    min-width: 100%;
}
```
Regards,
Robert Hall
#135852 Copied
talonhead

Participant

August 6, 2016 at 10:19

Robert, I think you understand. But somewhere in between tablet and Mobile res it does this. See attached. Back to two column layout.

Is there anyway the column can stay the same width as in Mobile? I really didn’t think it would stretch across the entire screen for tablets.

Please, contact administrator
for this information.

#135856 Copied

Robert Hall

Support staff

August 8, 2016 at 11:44

Hello,

I’ve added the same code in to Custom CSS for mobile landscape. Please check it.

Regards,
Robert Hall

#135937 Copied

talonhead

Participant

August 8, 2016 at 12:05

Can you please screenshot me what you’re seeing that fixes the issue?

#135945 Copied
Robert Hall

Support staff

August 8, 2016 at 14:56
I’ve added the same code in Custom CSS for mobile landscape.
```
.ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column, .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column-auto {
    min-width: 100%;
}
```
See results: http://prntscr.com/c33aqb

Regards,
Robert Hall
#135993 Copied
talonhead

Participant

August 8, 2016 at 15:36

Then we’re seeing the same thing. i was saying I wanted the width to be the same as with Mobile…no matter which device you’re viewing it on. Anytime that hamburger shows up, the width of the menu will be always the same as mobile width.

If that makes sense.

#135999 Copied
Robert Hall

Support staff

August 8, 2016 at 16:28
Hello,

Do you mean fixed width? I’ve added this code in Custom CSS. Please check.
```
.navbar-collapse {
    max-width: 400px;
}
```
Regards,
Robert Hall
#136008 Copied
Viewing 8 results - 1 through 8 (of 8 total)