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

Issues related to hyperlinks and web site navigation.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/links.html
Post Reply
RBGB_ita
 
 
Posts: 8
Joined: Thu Nov 28, 2019 9:26 pm
Location: Alessandria, Piemont - Italy

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

Post 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.
User avatar
crispy68
 
 
Posts: 2750
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu in a flexbox/layoutgrid

Post by crispy68 »

Which menu are you referring to?
RBGB_ita
 
 
Posts: 8
Joined: Thu Nov 28, 2019 9:26 pm
Location: Alessandria, Piemont - Italy

Re: Menu in a flexbox/layoutgrid

Post by RBGB_ita »

I tried with Responsive Menu, Themable Menu, css menu ... same results
wwonderfull
 
 
Posts: 1277
Joined: Fri Aug 21, 2020 8:27 am

Re: Menu in a flexbox/layoutgrid

Post 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.
User avatar
Pablo
 
Posts: 21715
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Menu in a flexbox/layoutgrid

Post 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
RBGB_ita
 
 
Posts: 8
Joined: Thu Nov 28, 2019 9:26 pm
Location: Alessandria, Piemont - Italy

Re: Menu in a flexbox/layoutgrid

Post 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
User avatar
Pablo
 
Posts: 21715
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Menu in a flexbox/layoutgrid

Post 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'.
User avatar
crispy68
 
 
Posts: 2750
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu in a flexbox/layoutgrid

Post 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;
RBGB_ita
 
 
Posts: 8
Joined: Thu Nov 28, 2019 9:26 pm
Location: Alessandria, Piemont - Italy

Re: Menu in a flexbox/layoutgrid

Post 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
Post Reply