For some reason there seems to be a little bit of white space between my header and slider. I would like the header to be joined to the slider without any space at all. Can you please tell me how I can do this… My website URL is http://http://byronbayhousesitting.com.au/
The slideshow height is set to 500px while the image you are using has been reduced to 545px. Try setting the height to 545px on the slideshow module and that should fix you right up!
I have done this but when I go to view it on a laptop or my iphone the white space is still there… On an iphone it shows a huge amount of white space. So now I have readjusted my images to 1920 x 500px but the slider still doesn’t stick to the top of the header as use reduce the size of the screen. Can you please tell me what I am doing wrong here?
That’s actually how our Slideshow module works. It creates a box for the images that gets resized based on a ratio for mobile(or smaller viewports). You also have an option to hide the row on mobile as well under Advanced. Sorry I don’t have a better answer for you there. You might want to take a look at using a more robust slider like Revolution Slider.