Slate Mobile version doesn't match web version

Permalink
I have a slideshow on my home page, in the 'Header' Section.
Directly under that I have 'content' block with an H1 & H3 text.

When I view the site on the mobile version, there is a huge space between my slideshow and my content box. I have checked the 'design' elements to make sure that there is no odd margin/padding.

Far as I can tell there is no extra CSS in play, yet the space appears.

Any ideas/ suggestions on how to get rid of the extra white space, or what could be causing it?

meauxhala
 
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
A URL would be useful
meauxhala replied on at Permalink Reply
meauxhala
yes, sorry. I forgot that step in asking for help.
studio108 replied on at Permalink Reply
studio108
It appears the slider div container is set to the height of 300px. So when you size the site down the slider div is still set to 300px leaving the white space.

This slider addon is set to be responsive without playing with any code.http://www.concrete5.org/marketplace/addons/whale-nivo-slider/...

*****UPDATE******

On further reading it appears there is no responsive slideshow with the Slate theme so I would still recommend using whale-nivo-slider.

Hope this helps?
meauxhala replied on at Permalink Reply
meauxhala
Thanks for the slider, this works for a fix.

I will still try and figure out why my height was set to 300px when it was set to Auto in the CSS; when I have time to dig around that is.