No he has only yours the bootstrap one

and the fading effect is one I made using custom css, but I never use bootstrap as you know so I am not sure it will work,

I just added the menu & header to yours to show that it can be done

Tell me how you made the fading effect in Foundation, and I will see if I can do the same in BS Tomorrow.

Not using bootstrap I don't know if there is an equivalent attribute, but the first thing in foundation is set the attribute Use M_ U_I to false, I can't see something similar in bootstrap

Get some sleep Inger ZZZZZZZZZZZzzzzzzzzzzzzzzzz

Thanks!

I have actually found a way to accomplish my end goal and wanted to share it in case someone else has the same problem in the future. As I mentioned earlier I use WOW slider to create my slide presentations, there may be a better way, but this works well for me.

At any rate, when the slide show is completed you export it along with the files needed for the site. You upload the files to the server. When the project is exported you are given the html to add to your website, in the location you want the slide show to appear. This may be too much background info but hopefully it will help someone, as I would think most sliders are generated in a similar fashion. Now to the solution I found.

In case anyone forgot where this started, I was trying to display a menu over the top of the slide show. I added a container to the body of the site. Within that container I made a container for the slide show html and another container for the menu. I changed the position setting for both containers from static to relative. I then set the Z-index for the slide show container to 1, and the Z-index for the menu to 2. Depending on your layout the next step would vary a bit. Since my menu was located physically below the slide show in Site Designer, I needed the menu to move higher so that it would overlay the slide show. So in "Position" I changed the value for "up" from auto to pixels and assigned it a value of -400. The negative number raised the menu up on the web page and the Z-index of the menu being higher than the slide show made it appear on top. Voila, mission accomplished. I now have a slide show with the menu overlaying it.

Thanks Inger and Wayan for your input.

Does that menu stay in the same position on top of the slideshow regardless of the viewport??

Forgive me, but I am not sure what you mean by viewport. It Is locked in position by the Z-value relative to the container, so it moves with the container. The html for the slideshow obviously does not display in SD, but after it is uploaded and you scroll up or down the page it moves with the slideshow and stays in the same position over the slideshow. Works perfectly for what I was trying to accomplish.

The viewport is kind of the size of the screen. The viewport of a mobile phone e.g. may be somewhere around 300px wide, whereas my desktop monitor has around 2000px width. A full-size image on a responsive page will scale to fit, and if I place somthing on top of it, 400px from the bottom or top, that will still be 400px on a mobile screen. Have you checked your design on a mobile device?

The file I posted here a couple of days ago will keep the text banner on top of the image, because I used %. With this demo: https://eikweb.com/demos/test2/ I'm trying to show what happens if I use px. View it on a desktop and on a phone.

I see what you are saying now. As you stated, if I set the menu to be 400 pixels, that is where it stays for all responsive sizes. As with most all responsive sites I have worked with, adjustments have to be made at different breakpoints. So at a smaller screen size, yes, the 400 pixels would have to be adjusted.

BTW, I didn't even notice that % was an available option as opposed to pixels. You are correct. That would work much better and avoid all the pixel adjustments at different breakpoints. Thanks!!