Wordpress Page Not Displaying Full Width On Mobile - All Items Are Positioned To The Left And There-CodePudding

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?

CodePudding user response：

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.

CodePudding user response：

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

CodePudding user response：

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;
}