I don't understand how i can set the nav collaps for my menu to show the offcanvas menu before the menu items jumps to a second line?

i try to add

.zen-spotlight {
float: left;
width: 115%;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
}
but now the menu covers the offcanvas

joomla36.duocalva.ch

regars marc

Hi Marc,

Is this fixed as it looks ok to me at the moment?

Cheers
Paul

Almost the, the menu still collapses before the offcanvas menu appears:



and pn safari i have a big white space at the right, where i can scroll into.

regards

marc

Hi Marc

Inspecting the code it appears that the menu module only takes up 10 grids widths, increasing this to the full width of 12 should help in this case. You may need also to adjust the off-canvas within the set up, but that should give you a steer as to where to look.

On menu navbars with a lot of content, you can force nav collapse rather than stacking of the menu bar by increasing the nav collapse value in Buildr. I don't think this is the issue for you though but useful tip if you cannot reduce the menu titles.

Hope that helps
Ian

Thanks Ian

Cheers
Paul

Thanks Ian and Paul the menu over 12 grids solves the problem

regards

marc

Thanks Marc,

Best of luck with the site

Cheers
Paul