Hero not responsive on mobile
Hi,
Everything on the website looks great, however when it’s viewed on mobile, the hero image is cropped and doesn’t resize to fit mobile layout. Are there any suggestions to fix this? :)
http://www.athleticcompound.com.au/
Thanks in advance!
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
4Hi TheAC,
Unfortunately, what you’re experiencing is how Background images set to cover are handled on Mobile. You’ll need to adjust your Design and Layout settings (Padding, Height, etc) in the Hero widget to find a balance between spacing and showing more of the image that your happy with – there’s sadly no way to automate this.
Hi Alex, thank you so much for replying. I tried what you suggested but it only created a white border as padding.
I’ve read on other forums that the SiteOrigin Slider is responsive, Ive tested it out but the image isn’t covering the full width of the screen. Is there a way I can fix this?
Thanks in advance,
theAC
Hi TheAC,
Can you please link me to the page where you’re using the slider so I can inspect your usage? I suspect you haven’t set the row housing the slider to full width – the slider can only be as a wide as the row allows. To make the row stretch the full width of the page please open the row housing the SiteOrigin Slider and head over to the row styles sidebar. Open the Layout settings group and set the Row Layout to Full Width Stretched. How does that look?
Hi Alex,
The issue has been solved, thank you so much for your help Alex!
Kind regards,
TheAC
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.