Change Responsive Behavior: Menu switch from desktop to mobile at specific width

julian_walser

Hi!

I am working on "walsergroup.com". 

When i reduce screen width, menu gets wraped into two lines - hence not working anymore and not looking good :-)

So, how can i determine a pesonal breakpoint and switch to the mobile menu earlier?

Thanks and kind regads?

Pablo

Hi,

Making breakpoint will not give you any effect, but if you would like to try, you have to use the CSS rule named @media queries, more about it here:

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

It's wrapping because it does not have space to fit.

You can solve it in two ways:

1) Decreasing the menu items amount by creating submenu.

2) Increasing the Grid Width of whole website in Theme Options > Global > General

http://prntscr.com/o2tez2

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next