Page 1 of 1

Menu on top of the carousel

Posted: Tue Mar 10, 2020 10:25 pm
by 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.

Re: Menu on top of the carousel

Posted: Tue Mar 10, 2020 10:31 pm
by crispy68
its working for me. Did you fix it?

Re: Menu on top of the carousel

Posted: Wed Mar 11, 2020 6:51 am
by 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'

Re: Menu on top of the carousel

Posted: Wed Mar 11, 2020 9:27 pm
by startvsem_ru
'stack level' 'in front of content' doesn't help at all

Re: Menu on top of the carousel

Posted: Wed Mar 11, 2020 9:28 pm
by startvsem_ru

Re: Menu on top of the carousel

Posted: Wed Mar 11, 2020 9:35 pm
by 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?

Re: Menu on top of the carousel

Posted: Sun Mar 15, 2020 10:13 am
by startvsem_ru
Here's a photo - https://granmaris.ru/granmaris.png
Carousel hides the menu

Re: Menu on top of the carousel

Posted: Sun Mar 15, 2020 10:29 am
by 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)

Re: Menu on top of the carousel

Posted: Tue Mar 17, 2020 6:47 pm
by 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

Re: Menu on top of the carousel

Posted: Tue Mar 17, 2020 6:55 pm
by 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.

Re: Menu on top of the carousel

Posted: Tue Mar 17, 2020 7:20 pm
by 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

Re: Menu on top of the carousel

Posted: Tue Mar 17, 2020 7:22 pm
by 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

Re: Menu on top of the carousel

Posted: Tue Mar 17, 2020 7:34 pm
by startvsem_ru

Re: Menu on top of the carousel

Posted: Tue Mar 17, 2020 9:10 pm
by 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;

Re: Menu on top of the carousel

Posted: Tue Mar 17, 2020 10:11 pm
by startvsem_ru
Thanks! Everything worked out