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 team,
I build a website with your theme but when it comes to mobile it doesn’t look awesome anymore and I don’t know why. As you can see (URL below) on a smartphone the whole content is on the far right side which should not be. Could you please help? Thanks in advance.
Hi Davor
Thanks for reaching out.
The problem is the left margin you’ve added. Try wrapping it in a media query so it doesn’t render for mobile:
@media (min-width: 680px) { #primary.content-area { margin-left: 118px; margin-bottom: 10px; margin-top: 0px; } }Something like that. Let us know how you come along.
Hi Andrew,
I put your code into Site Origin’s “Custom CSS” but it didn’t work.. or should I put it anywhere else?
Best regards,
Hi Andrew,
I put your code into Site Origin’s “Custom CSS” but it didn’t work.. or should I put it anywhere else?
Best regards,
Thanks. You’ll need to remove the original rule:
#primary.content-area { /* margin-left: 157px; margin-top: 20px; */ margin-left: 118px; margin-bottom: 10px; margin-top: 0px; }What we’ve done is take your original rule and put it inside a media query to say don’t use this on mobile. If you leave the original rule in place and add my new rule it won’t work. Hope that makes more sense now. We’re trying to add your left margin only above 680px resolution.