Landing page being cut off in mobile view

[danbentonsmith]

Hi experts I’m hoping you can help me.
The front page of my web site looks fine when being viewed on a larger screen but when viewed on a mobile its cuts the bottom of the page off and i lose one of my feature boxes.
Here is the site: http://www.tikiinsulations.co.uk
How do I correct this?

Also is there a way with cornerstone to arrange how content is displayed depending on what screen size it is being viewed on?

Thanks

[rubin]

Hey There,

The reason why the feature get cut of is because you have a custom css parameter "#background { height: 600px; } which limits the height of that box. On mobile the feature boxes need more space and therefore are cut off. I recommend changing the height to auto or 100%.

Responsiveness means that depending on the position of the element and screen size the element will go under or over the next element. You can hide certain elements on certain viewpoints and display others which lets you change the order of the elements by using the responsive visibility option.