Why does my drop down menu keeping staying underneath other objects?

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
User avatar
kreemerz
 
 
Posts: 90
Joined: Wed Apr 06, 2022 2:58 pm
Contact:

Why does my drop down menu keeping staying underneath other objects?

Post by kreemerz »

I have a master page designed and it includes a nav menu which has a drop-down menu.

On the Master page, when I place the objects and test it, the menu always appear correctly ABOVE all other objects.
But when I create a new page from the master, the drop-down menu always stays underneath any objects I place on that page.

I have rearranged and rearranged various objects and they always manage to appear on top of the other objects...

Not sure what else I can do. The menu is not editable since it's a masterpage element.

any ideas?
wwonderfull
 
 
Posts: 1432
Joined: Fri Aug 21, 2020 8:27 am
Contact:

Re: Why does my drop down menu keeping staying underneath other objects?

Post by wwonderfull »

It's easy to fix just need to give the z index of the menu to 9999 and it would do fine.
User avatar
Pablo
 
Posts: 22422
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Why does my drop down menu keeping staying underneath other objects?

Post by Pablo »

You can either set add a z-index to the menu or add the menu to a page header and set it to 'in front of content'
User avatar
kreemerz
 
 
Posts: 90
Joined: Wed Apr 06, 2022 2:58 pm
Contact:

Re: Why does my drop down menu keeping staying underneath other objects?

Post by kreemerz »

wwonderfull wrote: Mon May 30, 2022 6:49 am It's easy to fix just need to give the z index of the menu to 9999 and it would do fine.
Awesome! Thanks wwonderful
User avatar
kreemerz
 
 
Posts: 90
Joined: Wed Apr 06, 2022 2:58 pm
Contact:

Re: Why does my drop down menu keeping staying underneath other objects?

Post by kreemerz »

Pablo wrote: Mon May 30, 2022 7:05 am You can either set add a z-index to the menu or add the menu to a page header and set it to 'in front of content'
Thanks Pablo. Discovered that about the header just the other day.
User avatar
kreemerz
 
 
Posts: 90
Joined: Wed Apr 06, 2022 2:58 pm
Contact:

Re: Why does my drop down menu keeping staying underneath other objects?

Post by kreemerz »

I found the z-index in the page's html view but I can't edit it there.

or is there another place where I can edit the z-index?

Still searching...

it's not in Page Properties panel.
User avatar
Pablo
 
Posts: 22422
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Why does my drop down menu keeping staying underneath other objects?

Post by Pablo »

You can change the object order via the Arrange tools or object manager.
User avatar
kreemerz
 
 
Posts: 90
Joined: Wed Apr 06, 2022 2:58 pm
Contact:

Re: Why does my drop down menu keeping staying underneath other objects?

Post by kreemerz »

Pablo wrote: Mon May 30, 2022 3:17 pm You can change the object order via the Arrange tools or object manager.
I can't edit the value there. I can only move the layers up or down or drag...
User avatar
Pablo
 
Posts: 22422
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Why does my drop down menu keeping staying underneath other objects?

Post by Pablo »

You can change the z-index value by changing the order of the objects...
wwonderfull
 
 
Posts: 1432
Joined: Fri Aug 21, 2020 8:27 am
Contact:

Re: Why does my drop down menu keeping staying underneath other objects?

Post by wwonderfull »

Look on this thread also. The problem maybe a bit similar.
I hope you can understand the solution @pablo has given. If not just ask. ty
https://www.wysiwygwebbuilder.com/forum ... hp?t=94891
User avatar
kreemerz
 
 
Posts: 90
Joined: Wed Apr 06, 2022 2:58 pm
Contact:

Re: Why does my drop down menu keeping staying underneath other objects?

Post by kreemerz »

Pablo wrote: Mon May 30, 2022 3:36 pm You can change the z-index value by changing the order of the objects...
https://1drv.ms/u/s!AhllkSUAjtwmpy--CAS ... ?e=XphFiu
Hmmm.... I know how to drag the files in front of others, but where can I edit the z-index value? There's no place to do that anywhere.
User avatar
Pablo
 
Posts: 22422
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Why does my drop down menu keeping staying underneath other objects?

Post by Pablo »

You cannot directly edit the z-index, because the value depends on the context of the object. For example, whether the object is on a layer, layout grid, etc.

In absolute layouts, the z-index value is determined the order of the objects on the page. The order of the objects can be changed with the Arrange tools.
But of course, you can also override it with custom CSS.
User avatar
kreemerz
 
 
Posts: 90
Joined: Wed Apr 06, 2022 2:58 pm
Contact:

Re: Why does my drop down menu keeping staying underneath other objects?

Post by kreemerz »

Pablo wrote: Mon May 30, 2022 8:06 pm You cannot directly edit the z-index, because the value depends on the context of the object. For example, whether the object is on a layer, layout grid, etc.

In absolute layouts, the z-index value is determined the order of the objects on the page. The order of the objects can be changed with the Arrange tools.
But of course, you can also override it with custom CSS.
Hmm.... maybe that's the issue then. The arrange tool works fine on the MasterPage. But when you are working on the page that the Masterpage was applied to, the menu cannot be edited at all. it cannot be moved forward or backward.

The layer is added onto a page that uses the menu from the master. You cannot rearrange the menu when it's from the masterpage( because the master page cannot be edited. )
User avatar
Pablo
 
Posts: 22422
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Why does my drop down menu keeping staying underneath other objects?

Post by Pablo »

By design, a master page is always in the background, otherwise you would not see the content of the page.
That is why I suggested to use a page header for the menu, then you can set it to 'in front of content'
User avatar
kreemerz
 
 
Posts: 90
Joined: Wed Apr 06, 2022 2:58 pm
Contact:

Re: Why does my drop down menu keeping staying underneath other objects?

Post by kreemerz »

Pablo wrote: Tue May 31, 2022 6:05 am By design, a master page is always in the background, otherwise you would not see the content of the page.
That is why I suggested to use a page header for the menu, then you can set it to 'in front of content'
Ah, I see. I was wondering about that. Okay. Now that I know how to use Page Headers. Thanks again.
User avatar
kreemerz
 
 
Posts: 90
Joined: Wed Apr 06, 2022 2:58 pm
Contact:

Re: Why does my drop down menu keeping staying underneath other objects?

Post by kreemerz »

wwonderfull wrote: Mon May 30, 2022 3:50 pm Look on this thread also. The problem maybe a bit similar.
I hope you can understand the solution @pablo has given. If not just ask. ty
https://www.wysiwygwebbuilder.com/forum ... hp?t=94891
Yeah, I ended up coming across that.
I was thinking I needed to edit the html but couldn't find the place to do that.
wwonderfull
 
 
Posts: 1432
Joined: Fri Aug 21, 2020 8:27 am
Contact:

Re: Why does my drop down menu keeping staying underneath other objects?

Post by wwonderfull »

Yeah, I ended up coming across that.
I was thinking I needed to edit the html but couldn't find the place to do that.
If you can give a link or submit a demo, than that would be more helpful to understand and solve.
User avatar
Pablo
 
Posts: 22422
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Why does my drop down menu keeping staying underneath other objects?

Post by Pablo »

I was thinking I needed to edit the html but couldn't find the place to do that.
WYSIWYG Web Builder is not an HTML editor. The HTML does not exist until you publish the page, so you cannot directly edit the code.
Post Reply