Navigation bar cuts slider images off

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
santieb
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Navigation bar cuts slider images off

Post by 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
User avatar
Pablo
 
Posts: 21581
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Navigation bar cuts slider images off

Post by Pablo »

The header is set the 'fixed' so this means that it will overlap all other content.
santieb
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Re: Navigation bar cuts slider images off

Post by santieb »

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

Santie
User avatar
Pablo
 
Posts: 21581
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Navigation bar cuts slider images off

Post by Pablo »

In the layout grid properties -> position
santieb
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Re: Navigation bar cuts slider images off

Post by santieb »

I've used the other settings as well and it still overlaps...
santieb
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Re: Navigation bar cuts slider images off

Post by santieb »

i've changed it to sticky..and it still overlaps
santieb
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Re: Navigation bar cuts slider images off

Post by 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..
User avatar
Pablo
 
Posts: 21581
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Navigation bar cuts slider images off

Post by Pablo »

Yes, you can put the slider in a layout grid to make it flexible.
santieb
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Re: Navigation bar cuts slider images off

Post by 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
User avatar
Pablo
 
Posts: 21581
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Navigation bar cuts slider images off

Post by Pablo »

To be able to help you, I need to see what you have done.
Please always include demo project.
santieb
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Re: Navigation bar cuts slider images off

Post by santieb »

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

Thanks
Santie
User avatar
Pablo
 
Posts: 21581
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Navigation bar cuts slider images off

Post by Pablo »

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

Please read:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=82134
santieb
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Re: Navigation bar cuts slider images off

Post by santieb »

That is the wbs file, it's just in a zipped folder
santieb
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Re: Navigation bar cuts slider images off

Post by santieb »

Pablo wrote: Thu Jun 03, 2021 10:27 am 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
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Re: Navigation bar cuts slider images off

Post by santieb »

Hi Pablo
Herewith the link..called "Demo_New"
http://www.kimfairbairn.co.za/
User avatar
Pablo
 
Posts: 21581
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Navigation bar cuts slider images off

Post by 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
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Re: Navigation bar cuts slider images off

Post by santieb »

Should the carousel be in a layout grid?
The images shouldn't be cut off as it displays the clients portfolio...
santieb
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Re: Navigation bar cuts slider images off

Post by santieb »

Pablo wrote: Thu Jun 03, 2021 11:29 am 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
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Re: Navigation bar cuts slider images off

Post by santieb »

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

Is that possible?

Thks
Santie
User avatar
Pablo
 
Posts: 21581
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Navigation bar cuts slider images off

Post by Pablo »

Please set 'full width' mode to 'flexible'
santieb
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Re: Navigation bar cuts slider images off

Post by santieb »

The carousel cuts the images off..so that won't work as this is the clients portfolio
Any other suggestions?
User avatar
Pablo
 
Posts: 21581
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Navigation bar cuts slider images off

Post by 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
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Re: Navigation bar cuts slider images off

Post by santieb »

Thank you Pablo for all the help!

Santie
Post Reply