Hi!
My content on the page is wider than the screen even on a computer. Actually the content seems to stretch to 100% only. I removed margins and padding using the custom css but it only worked on the left side, on the right side I still have a little white space stretching over the screen.
Any help is appreciated.
Many thanks.
Hi Adam,
Do you have a public URL where we can take a look at what’s going on?
Of course!
http://minimalist.hu
Also a white space appeared on the top of the screen out of nowhere, even though all margins are set to 0.
Hi Adam,
Hm. I suspect this spacing on the side is due to the body not having the margin overridden (in Chrome, for example, it’ll have 8px of margin applied to the body). I would recommend temporarily disabling the adonitol CSS you added to stretch the rows while retaining the .page-template-templatespage-no-post-php CSS as that overrides the default margin. Let me know if it doesn’t.
To clarify, the spacing added at the top of the page is due to the following CSS you’ve added:
.siteorigin-panels-stretch.panel-row-style { font-style: normal; margin-top: 60px; margin-bottom: 60px; }I removed every line that meant to stretch the rows and kept the .page-template-no-post-php css but it doesnt seem to override the default margin. Can you please maybe I’m missing something. Thanks.
Hi Adam,
I suspect we’re talking about different margins as I just had a look at your website and the margin isn’t anymore. To clarify, I’m referring to the margin being added to the body which is causing this spacing (when your CSS is removed):
Is that what you’re referring too? If not, can you please clarify? If you need to send me an image please note that we’re currently unable to process image attachments so you’ll need to upload the image to a third party image hosting site like vgy.me or imgur.com
No, the margin I’m referring to is on the right side, stretching over the screen so I’m able to scroll right just to see this white space.
You can see the problem here: http://imgur.com/RS4iO6p
Thank you for your patience and sorry for the incovenience.
Hi Adam,
Oh! Sorry for the misunderstanding. Okay, so this is due to how we’re currently constructing things and due to lack of overflow prevention in your theme (which is typically fine).
Please navigate to WP Admin > Appearance > Custom CSS and add the following CSS:
body { max-width: 100%; overflow-x: hidden; }You might also need to install the SiteOrigin CSS Editor.
Works totally fine, thank you!