Bootstrap Mega Menu

[Morayweb]

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.

[crispy68]

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

[Morayweb]

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

[Morayweb]

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

[Morayweb]

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.?

[Pablo]

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

[crispy68]

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.

[Morayweb]

[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.

[Pablo]

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

[Morayweb]

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.

[Morayweb]

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

[Pablo]

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

[Morayweb]

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

[Pablo]

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>

[Morayweb]

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...

[Morayweb]

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

[Pablo]

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'

[Morayweb]

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

[Pablo]

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

[Morayweb]

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.