Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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!
Hi 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