Nav side bar disappears behind slider on transition

[matt041105 (Matt)]

Hi people!

So I am after a navigation side panel that appears once the hamburger is clicked. This works fine, but the background slider is affecting how the side panel looks. The panel disappears behind the slide on every slide transition. I have played with Z index with no success. Any ideas?

---

Here is my public share link: https://preview.webflow.com/preview/tess-hobbs?preview=cee572be371699441bee0f28f444a52c

http://tess-hobbs.webflow.io

[PixelGeek (Nelson)]

Hi @matt041105 A couple of things:

1. you need to set your z-index of your slider to -1 and
2. move your slider out of that parent wrapper.

Here’s a video:

Hope this helps

[matt041105 (Matt)]

Thanks @PixelGeek, appreciate it

[matt041105 (Matt)]

Hi Guys, having another small problem with the nav sidebar on Safari. Please see image below:

Safari

As you can see, there is a margin on the right with the text not showing completely.

Google Chrome (How it should look)

Here is my public share link: https://preview.webflow.com/preview/tessa-hobbs?preview=cee572be371699441bee0f28f444a52c

http://tessa-hobbs.webflow.io