Page 1 of 1

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

Posted: Mon May 30, 2022 6:39 am
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?

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

Posted: Mon May 30, 2022 6:49 am
by wwonderfull
It's easy to fix just need to give the z index of the menu to 9999 and it would do fine.

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

Posted: Mon May 30, 2022 7:05 am
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'

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

Posted: Mon May 30, 2022 2:48 pm
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

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

Posted: Mon May 30, 2022 2:49 pm
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.

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

Posted: Mon May 30, 2022 3:14 pm
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.

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

Posted: Mon May 30, 2022 3:17 pm
by Pablo
You can change the object order via the Arrange tools or object manager.

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

Posted: Mon May 30, 2022 3:28 pm
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...

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

Posted: Mon May 30, 2022 3:36 pm
by Pablo
You can change the z-index value by changing the order of the objects...

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

Posted: Mon May 30, 2022 3:50 pm
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

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

Posted: Mon May 30, 2022 7:57 pm
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.

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

Posted: Mon May 30, 2022 8:06 pm
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.

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

Posted: Mon May 30, 2022 9:53 pm
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. )

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

Posted: Tue May 31, 2022 6:05 am
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'

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

Posted: Tue May 31, 2022 3:06 pm
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.

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

Posted: Tue May 31, 2022 3:18 pm
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.

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

Posted: Tue May 31, 2022 4:14 pm
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.

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

Posted: Tue May 31, 2022 5:11 pm
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.