Page 1 of 1

***SOLVED***Menu in a flexbox/layoutgrid

Posted: Sun Sep 20, 2020 11:00 pm
by RBGB_ita
Good morning,
I would have found a small problem (version 16) with a menu inside a layoutgrid when it has a "grid system" set on flexbox. In practice, the submenus remain under the contents of the levels below. If instead the gridsystem is set to default or css grid, no problem. Same thing if the menu is in a flex container. Thank you.

Re: Menu in a flexbox/layoutgrid

Posted: Sun Sep 20, 2020 11:26 pm
by crispy68
Which menu are you referring to?

Re: Menu in a flexbox/layoutgrid

Posted: Mon Sep 21, 2020 2:52 pm
by RBGB_ita
I tried with Responsive Menu, Themable Menu, css menu ... same results

Re: Menu in a flexbox/layoutgrid

Posted: Mon Sep 21, 2020 3:28 pm
by wwonderfull
Please provide a demo as crispy always says without that it is hard to understand what exactly went wrong. Upload your .wwb project somewhere and give a link.

Re: Menu in a flexbox/layoutgrid

Posted: Mon Sep 21, 2020 3:46 pm
by Pablo
Can you please provide a demo project so we can see all your settings?

Related FAQ:
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134

Re: Menu in a flexbox/layoutgrid

Posted: Mon Sep 21, 2020 4:49 pm
by RBGB_ita
I am sending you the link to see a demo of the problem from which you can download the project file.
From the demo you can see that the submenu covers the text but not the images or icons ... thanks for the help

http://rbgb.altervista.org/wwb16/index.html

Re: Menu in a flexbox/layoutgrid

Posted: Mon Sep 21, 2020 5:23 pm
by Pablo
Floating elements (like a layout grids) do not have a z-index. This means that the objects are place in the order they have been added and the next object overlaps the previous one.
If you would like the menu to overlap other content, then use a page header instead. In a page header you can set the 'stack level' to 'in front of content'.

Re: Menu in a flexbox/layoutgrid

Posted: Mon Sep 21, 2020 5:53 pm
by crispy68
Pageheader is the best option but if for some reason you didnt want to use that simply right click on the layout grid --> Object HTML --> Custom Style and add: z-index:1000;

Re: Menu in a flexbox/layoutgrid

Posted: Mon Sep 21, 2020 10:02 pm
by RBGB_ita
Thanks, it works ... I tried too but I probably did something wrong ...
However, just replace the flexbox grid system with css grid and the problem is solved.
I noticed this when transforming a site from wwb15 (working) to wwb16

Saluti