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].
Good day, I have read through documentation, looked at CSS but I am pretty lost on how to use it.
I am basically trying to get the website to show up correctly in Mobile view, on my phone it shoes the same and has a slider at the bottom. The text is also cut off. Not sure what I am doing wrong. This image may explain what I mean – https://imgur.com/dezuHcb
Is there an easy fix for this? I have made sure all the boxes are ticked to make the website responsive but still does not work.
The website in question is www.printsquad.co.za
Hi Deon
Perhaps take a look at the last row. Try changing it from Full Width Stretched to just Full Width.
Hi, thank you for getting back to me. I have had a look again and they are all set to Full width besides the first row with the Hero widget which is set to full width stretched because the image does not cover the full width when it is set to full width, only when set to full width stretched. All the others are set to full width. I have tested changing them all but that does not work I still have the same problem where on mobile view it cuts off the text.
Anything else I can look at perhaps?
Thanks for the update. We aren’t usually able to assist with Custom CSS in free support but perhaps try adding the below to CustomizeAdditional CSS or AppearanceCustom CSS if you’re using SiteOrigin CSS. I think the issue might be the email address not word breaking. We could try dropping the size of all h2 tags for mobile:
@media (max-width: 600px) { h2 { font-size: 16px; } }Good day,
Thank you very much, this worked just fine! I am busy going through some html and css tutorial videos. I hope I will learn something from watching the video tutorials!
Glad to hear that helped. Good luck with your site :)