About Us page is off centered on desktop and mobile view

Solved
dawgminded
Explorer
54 0 18

Hello,

My 'About Us' page is off centered for the desktop view and not visible at all for the mobile view. How can I fix this issue?

 

URL: dawgminded.com 

 

desktopdesktopmobilemobile

0 Likes
g33kgirl
Shopify Partner
321 95 113

@dawgminded it's because you have added this code to your CSS file:

@media only screen and (max-width: 749px)
{
.grid__item {
    margin-left: -220px;
}
}

.grid__item {
    margin-left: 420px;
}

 

For which page have you added this code specifically? 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
dawgminded
Explorer
54 0 18

I honestly cannot remember what that code was used to fix, I have had to fix so many things on the site that I cannot remember what that code was for specifically. 

0 Likes
g33kgirl
Shopify Partner
321 95 113

This is an accepted solution.

@dawgminded to specifically remove the margins for pages, you can add this code to your CSS file:

 

.template-page .grid__item {
    margin-left: 0 !important;
}

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.