This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Content wider than page

Resolved 9 replies customizationpluginplugin-page-builder
Adam Petro
8 years ago · Last reply by Adam Petro 8 years ago

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.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

9
  1. Alex S Staff 8 years, 10 months ago

    Hi Adam,

    Do you have a public URL where we can take a look at what’s going on?

  2. Adam Petro 8 years, 10 months ago

    Of course!
    http://minimalist.hu

  3. Adam Petro 8 years, 10 months ago

    Also a white space appeared on the top of the screen out of nowhere, even though all margins are set to 0.

  4. Alex S Staff 8 years, 10 months ago

    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;
}
  5. Adam Petro 8 years, 10 months ago

    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.

  6. Alex S Staff 8 years, 10 months ago

    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

  7. Adam Petro 8 years, 10 months ago

    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.

  8. Alex S Staff 8 years, 10 months ago

    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.

  9. Adam Petro 8 years, 10 months ago

    Works totally fine, thank you!

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread