Question 2072 in Wordpress Question posted in
The official Wordpress documentation can be found here.

WordPress Page Not Displaying Full Width On Mobile – All Items Are Positioned To The Left And There Is A Margin To The Right

I am working on a site

On mobile there is a white margin to the right of the page and the contents of the page are off center.

I have tried implementing CSS to address the issue but it has had no effect so far.

Can anyone help me to narrow down the cause of the issue?

Tags:

3

Answers


  1. 0

    I took a look at your site. If you change the CSS class .col-full to a maximum width of 100%, then the problem should be fixed. You can handle it with CSS media queries.

    enter image description here

    Login or Signup to reply.
  2. 0

    Remove max-width: 80% !important; from .col-full class and you will get rid of the margin on the right.

    Login or Signup to reply.
  3. 0

    Watching the source code in developer tools I can see that you have a wrapping div that set the width :

    .col-full {
    max-width: 80% !important;
}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search