Hi there.
I need your help. I am trying to build my front page of my website, & I roughly got the layout I am after, I am now loading in the content.
However, on a test run I noticed that the HERO widget isn’t responsive so on an iPad or iPhone the outcome is poor. What can I use that is responsive?
All I want to have is an IMAGE with an overlay of TEXT & a BUTTON to drive my customers directly to the SHOP.
Any suggestions?
Thanks
Hi David Sleight
Do you have a public URL where we can take a look at your hero widget? This will allow me to work out why it’s not responsive. Typically, when the hero widget isn’t responsive it’s due to the padding specified or a very high height specified.
Hi Alex,
I have removed the Hero widget & used SiteOrigin Image at the moment, but what is the recommended padding and heights for it to be responsive?
URL is http://www.thewagtailway.co.uk
Hi David,
Basically, none – a blank height field will cause us to automatically work out the optimal height.
Any static spacing added to the hero widget will affect the hero widget responsively as CSS background images must maintain the height (which is a combination of the height and padding of the container, which is the hero, in this case, its applied too) and the browser will go so far as to clip the sides of the image to ensure this is the case.