Navigation bar cuts slider images off

[santieb]

Hi,
I'm using a slider, but when i preview or upload it, it seems like the nav bar is cutting the images off at the top.
See the demo link below.
http://www.kimfairbairn.co.za/

Thank you
Santie

[Pablo]

The header is set the 'fixed' so this means that it will overlap all other content.

[santieb]

Thank you Pablo, on what should the setting be then?

Santie

[Pablo]

In the layout grid properties -> position

[santieb]

I've used the other settings as well and it still overlaps...

[santieb]

i've changed it to sticky..and it still overlaps

[santieb]

Then the second question is...should i put the slider in a layout grid? If i use a layout grid for the other content then it keeps snapping to the the top by the nav bar..

[Pablo]

Yes, you can put the slider in a layout grid to make it flexible.

[santieb]

Thank Pablo, i did that, seems like the nav problem is sorted now...the other thing is the pictures doesn't cover the screen, i nee it to cover the whole screen. my setting in the layout grid is:
Overflow: hidden
layout:fluid
Position: floating
Max width: 1024
Column height:auto
Grid system: flexbox

What should i change so the images covers the screen?

Thanks
Santie

[Pablo]

To be able to help you, I need to see what you have done.
Please always include demo project.

[santieb]

Hi Pablo
Thank you, see below the demo link.
http://www.kimfairbairn.co.za/

Thanks
Santie

[Pablo]

Sorry, but I need the project file (wbs).

Please read:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=82134

[santieb]

That is the wbs file, it's just in a zipped folder

[santieb]

Sorry, but I need the project file (wbs).

Please read:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=82134

My apologies, that is the old file!
Let me upload again, sorry about that

[santieb]

Hi Pablo
Herewith the link..called "Demo_New"
http://www.kimfairbairn.co.za/

[Pablo]

If you want to create as full size slideshow then I think it's better to use a Carousel with background images. In that case, you can set the background size to 'cover'.

This is demonstrated in the following templates:
https://www.wysiwygwebbuilder.com/suppo ... shion.html
https://www.wysiwygwebbuilder.com/suppo ... books.html

[santieb]

Should the carousel be in a layout grid?
The images shouldn't be cut off as it displays the clients portfolio...

[santieb]

If you want to create as full size slideshow then I think it's better to use a Carousel with background images. In that case, you can set the background size to 'cover'.

This is demonstrated in the following templates:
https://www.wysiwygwebbuilder.com/suppo ... shion.html
https://www.wysiwygwebbuilder.com/suppo ... books.html

Thank you Pablo,
Please have a look at demo2...the images is set on cover, but it does not cover the screen. Then if i insert a layout grid for the other content then it snaps to the top by the nav bar which is a problem.
http://www.kimfairbairn.co.za/

Thanks
Santie

[santieb]

The client wants the slider like this websites slider
https://www.streamlight.co.za/

Is that possible?

Thks
Santie

[Pablo]

Please set 'full width' mode to 'flexible'

[santieb]

The carousel cuts the images off..so that won't work as this is the clients portfolio
Any other suggestions?

[Pablo]

This is normal behavior for 'cover' functionality.

Resize the background image to cover the entire container, even if it has to stretch the image or cut a little bit off one of the edges

See also:
https://www.w3schools.com/cssref/css3_p ... d-size.asp

[santieb]

Thank you Pablo for all the help!

Santie