Page 1 of 1
Responsive menu
Posted: Fri Nov 15, 2019 3:15 am
by Erik88
I use WB15
Is there a way to have the Responsive Menu to shrink smaller when the available width gets less. I tried to set the Flexbox setting, but that does not seem to work.
Re: Responsive menu
Posted: Fri Nov 15, 2019 7:06 am
by Pablo
You can place the menu inside a layout grid, to make it flexible
Flexbox should also work with flexgrow/shrink set to 1 (for example).
Re: Responsive menu
Posted: Fri Nov 15, 2019 2:20 pm
by Erik88
The ResponsiveMenu is inside a Layout grid.
And to make sure I set the Flexbox parameters (basis and shrink) for both menu and Layout Grid.
It does not change size.
Re: Responsive menu
Posted: Fri Nov 15, 2019 2:41 pm
by Pablo
In that case, I need a demo project so I can see all your settings.
Re: Responsive menu
Posted: Wed Nov 20, 2019 4:02 pm
by Erik88
I can upload a project to the web server, but that would mean taking the current web site down and you would need a password. I do not know how other people do this or allow this.
Is it even possible to scale the responsive menu? All font sizes and padding are set in the properties. By setting the Flexbox parameters I can have the available width of the responsive menu to change. But when the available width gets insufficient to have all menu items on one row, menu items at the end just wraparound and go on a next line.
I would like to see the menu just scale to available size.
Re: Responsive menu
Posted: Wed Nov 20, 2019 4:21 pm
by Pablo
I do not need your entire project. Just need a demo project.
Related FAQ:
viewtopic.php?f=10&t=82134
Re: Responsive menu
Posted: Wed Nov 20, 2019 5:42 pm
by Erik88
This is not really an answer to my questions. I will not take down my web site to post a few pages.
Is it even possible to scale the responsive menu? All font sizes and padding are set in the properties. By setting the Flexbox parameters I can have the available width of the responsive menu to change. But when the available width gets insufficient to have all menu items on one row, menu items at the end just wraparound and go on a next line.
I would like to see the menu just scale to available size.
Re: Responsive menu
Posted: Wed Nov 20, 2019 5:53 pm
by Pablo
I am not asking you to take down your website.
All I am asking is to share a demo project (wbs) with the menu so i can see also your settings and try to help you find a solution.
The size of the responsive menu can be flexible when it's part of a layout grid or flexbox.
But when the available width gets insufficient to have all menu items on one row, menu items at the end just wraparound and go on a next line
That is why the menu has a breakpoint property. This specifies where the menu 'breaks' and switches to mobile mode.
You can also use the 'Themable menu' (as used in many of the recent templates) or any other alternative menu:
http://wysiwygwebbuilder.com/navigation.html
Re: Responsive menu
Posted: Wed Nov 27, 2019 8:09 am
by katman
You have to set the menu "Style" to "full width" = true for it to shrink and expand