Menu on top of the carousel

[startvsem_ru]

Help please. There is a website: https://granmaris.ru . How to make it so that when you hover over the menu, it was on top of the carousel. The "foreground" function does not help. As soon as I remove the "full screen" carousel setting , everything works fine.

[crispy68]

its working for me. Did you fix it?

[Pablo]

It also works for me.

Usually, a drop down menu is part of a page header. In which case you can set the 'stack level' to 'in front of content'

[startvsem_ru]

'stack level' 'in front of content' doesn't help at all

[startvsem_ru]

https://granmaris.ru/

[Pablo]

For me, the menu on your website works correct.
What do I need to do to see the problem?

Also, I do not see a page header on your website.
Did you publish the modified page?

[startvsem_ru]

Here's a photo - https://granmaris.ru/granmaris.png
Carousel hides the menu

[Pablo]

Firstly, the menu is not part of a page header.
Also, the carousel is set to full width so overlaps all other content.

Possible solutions:
- use a 'page header'
or
- move the carousel to the bottom of the z-index (with the arrange tools)

[startvsem_ru]

What does it mean - use " page title"
Moving the carousel to the bottom of the z- index doesn't help. The menu is still hidden behind the carousel

[Pablo]

You can add a "Page Header" via the Toolbox. Set the 'stack level' to 'in front of content'

When I look at your website then the carousel is still the last item in the z-order, this mean that it overlaps all previous items.

[startvsem_ru]

I can 't do a menu on " page title". I have applied the "master page". But I set the menu on every page. I put the carousel in the background

[Pablo]

To be able to help you, I need a copy of the project file so I can see all your settings.
Note that I do not need the complete project, only the page with the carousel.

Related FAQ:
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134

[startvsem_ru]

https://granmaris.ru/pro.zip

[Pablo]

The carousel is set to 'full width', this means that it's added at the end of the page (outside the body container) otherwise it cannot be full width.

So, in this case you will have to set the z-index manually, so the menu is always on top.
- right click the menu
- select Object HTML
- add this code to 'Custom style':

Code: Select all

z-index: 9999 !important;

[startvsem_ru]

Thanks! Everything worked out