Page 1 of 1

Menu bar on master page

Posted: Tue May 09, 2023 2:42 pm
by Jabiru
Hi, I have created a master page with a menu bar. I have applied the master to other pages with content but the menu is always under the text on the other pages and the links cannot be selected. I read a previous post about inserting the menu into a page header but the header cannot be re-positioned from the 0, 0 origin and covers the site logo. Any ideas?

Re: Menu bar on master page

Posted: Tue May 09, 2023 2:48 pm
by alan_sh
Download my template from here viewtopic.php?t=93336 and see how I've done it.

Alan

Re: Menu bar on master page

Posted: Tue May 09, 2023 3:41 pm
by onlye
Did you use a layout grid on the master page for the menu?

Re: Menu bar on master page

Posted: Tue May 09, 2023 5:33 pm
by crispy68
providing a demo project (.wbs file) to download and view would be the most helpful so we can actually see what you are doing.

Re: Menu bar on master page

Posted: Tue May 09, 2023 6:15 pm
by BaconFries
Have you read the following tutorial
How to use Master Pages
https://www.wysiwygwebbuilder.com/master_page.html

As mentioned it is always best to provide a 'Demo' or your project this is the .wbs file not a url to your page. Before doing so see the following:
How do I share my project to get help?
viewtopic.php?t=82134

Re: Menu bar on master page

Posted: Tue May 09, 2023 11:58 pm
by Jabiru
Thanks for the replies everyone, I didn't use a layout grid, I am very new to this and am still learning. In preparing the example file I noticed that this occurred when using the CSS Menu, the menu I am trying to use on my site. There is no issue when using a Menu Bar.

https://www.dropbox.com/s/hc7i1s3d6hn6o ... e.wbs?dl=0

Re: Menu bar on master page

Posted: Wed May 10, 2023 7:13 am
by Pablo
A master page is always in the background otherwise you would not be able to put any elements on the page.
This means that all master page elements have a lower z-index.

If you want the menu to be op top then you can place it on a page header and set the stack level to 'in front of content' or manually add a high z-index to the menu:
Open Object HTML -> Custom Style -> z-index:9999

Re: Menu bar on master page

Posted: Wed May 10, 2023 11:33 pm
by Jabiru
Thanks for your assistance, solved. :D