skip to Main Content

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?

3

Answers


  1. 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. 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. 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