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].
I found issues of responsive mobile in the all siteorigin widegets.
In the desktop, I don’t have any margin around the background image.
But, in mobile, I have margins in the sides and bottom of the background image.
How can we remove all the margins of the background image in mobile?
Thank you
Hi Junghoon
Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
This is a private message.
Thanks.
The problematic styles are coming from the theme’s stylsheet and are using the !important attribute, making them hard to overide. You can try adding the following to a Custom CSS plugin like SiteOrigin CSS and see if it helps:
/* Volunteers */ @media (max-width: 780px) { .page-id-32 #primary .panel-grid-cell { padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 0 !important; } }