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’m experiencing an issue where a 15px margin on the right and left is being generated for the rows when the site is viewed on Tablet screens and smaller. I suppose this is normal however this causes a white space to be present on the right of the body which allows for a small horizontal scroll to the right on mobile which isn’t ideal.
I have the row theme set to full width stretch on the page builder
The following container class seems to be doing it
.siteorigin-panels-stretch .sydney-stretch .panel-row-style
I’m using the Sydney theme
Would anyone be able to assist?
Here’s a screenshot of the issue
Hi Bigwebmedia
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, which browser are you seeing the issues in? Chrome and Safari (OS X) seem ok.
Sorry the home page is fine.
The issue occurs on the majority of the of the internal pages such as this one http://www.bigwebmedia.co.za/website-design/
I see the issue in Chrome and fireox. As well as chrome on Android mobile
For the horizontal scroll bar issue you can try adding the following a Custom CSS plugin like SiteOrigin CSS:
html { overflow-x: hidden; }For the side issue, please, try adding the following to your Custom CSS plugin:
@media (max-width: 780px){ .sydney-stretch { margin: 0 !important; } }Let us know how that goes. Thanks.
The first css suggestion of yours seems to do the trick really. All I initially needed to do was remove that overflow, don’t know why I didn’t think of that. Thank you very much
I just placed the 1st suggestion within the media query like below
@media (max-width: 780px){ html {overflow-x: hidden;} }The second css suggestion results in a padding loss i.e the text gets too close to the containers. I’m guessing containers are stretched beyond the screen width
Glad to hear you’ve made progress. In OS X I can’t actually see the second issue, Alex had a look at that for me in Windows…I think. If the fix solves the right space issue you could add padding back where required. Perhaps, something like this:
@media (max-width: 768px) { .serviceboxpad { padding-left: 40px; padding-right: 40px; } }