When scroll down create a white space between slider and service section


#1

This is my working site https://graphicstogether.com/

When I scroll down facing a problem of white space between slider image and service section. How do eliminate this white space? In Chrome everything is ok. Problem facing with rest of the browsers (Firefox/MS Edge).


#2

Hello,

You have this additional CSS code that is causing your issue:

/* Slider Image Height Width fit  */
div#slideshow div.slides-container > div.slide-item {
    background-size: 100% 100%;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.


#3

Thank You @roman
I’ve also tested without this additional css. But facing same problem when image height is lower than the actual height. As i know Sydney can match any size of height image with slider. But unfortunately here not :frowning: What’s the recommend height width of the banner size.


#4

Hello, in your case you can try 1920×1600px images.

Kind Regards, Roman.