www.wysiwygwebbuilder.com

Hi folks just another I hope easy fix.
I have the Bootstrap Mega Menu in my master page when I vue the page itself the menu works fine but when I view the whole page it doesnt dropdown over the next section as in this link.
https://morayweb.co.uk/

Thank you.

You will need to set your header as a page header so it puts this content in front of everything else.

Ah right OK I have it as a layout grid.
Thanks

How can I make the header responsive now? will I have to use breakpoints now.
Thanks

crispy68 wrote: ↑Tue Dec 05, 2023 7:56 pm You will need to set your header as a page header so it puts this content in front of everything else.

I have tried using the responsive menu in a header and it has a responsive layout grid below and menu still doesnt come over it.?

If you need further assistance, then please share a DEMO project so we can see all your settings.

I do not need the complete project because that will only take more time to figure out what you have done.
Basically, I just need a small project with one page and object(s) that are relevant to your question.

For further details about how to share a project file, please see this FAQ:
viewtopic.php?f=10&t=82134

The easiest thing would be to do this. Right click on the layout grid, select object html, click custom CSS and add:

z-index:1000;

This will put the grid above the other objects.

[urlhttps://morayweb.co.uk/][/url]
here is the demo site and if you try contact us which has 2 dropdown you will see my problem. Thanks again.

Did you set the 'stack level' property of the Page Header to 'in front of content'?

If you need further assistance, then please share a DEMO project.
viewtopic.php?f=10&t=82134

no I never knew that. Ok will try and also must go through all tutorials. I tried it on edge too and it looked terrible but chrome looks fine.
Tha ks will let you know how I get on.

Hi Sorry
It is set to front but still doing the same [urlhttps://morayweb.co.uk/][/url]

If you need further assistance, then please share a DEMO project.
viewtopic.php?f=10&t=82134

Ok sorry here is link
https://www.morayweb.co.uk/District.wbs

The problem is that the menu is on a master page. A master page is (by design) always in the background.

To solve this, add the following code in Page HTML, between head tags.

<style>
#PageHeader1
{
z-index:1000 !important;
}
</style>

Ah OK thanks very much I will have a go at that or change menu to other pages.
Thanks again. Have a lot of studying to do...

Good Morning
Really really sorry. I have made a new index page with a header on it set for stack in front but the menu is still the same as before.

https://www.morayweb.co.uk/District.wbs

This is a different menu, with different settings.

- set the stack level of the page header to 'in front of content'
- set overflow to 'none'

Good afternoon. Sorry once again for the hastle.
I have put a flex slider under the header and the menu goes down behing it now. im sure I have checked all setting but can't seem to see what the problem is.
Thanks again.
https://www.morayweb.co.uk/District.wbs

Please set the stack level of the page header to 'in front of content'

Thanks that worked. Not sure how I keep missing that. Think will prob use a theme/Template as having difficulty getting site to be responsive. Just realised I thought breakpoints were obsolete now as there was responsive grids etc. Makes sense now..

Thanks again.