Removing Padding From Mobile Site Sections

Solved
Highlighted
Tourist
30 0 0

Good Morning!

I am looking to remove the padding around some of the pages on my site when they are loaded on mobile & am not sure where to begin.

 

the site itself is techin.com, and for pages such as https://www.techin.com/pages/spirit I want to remove the side padding in the mobile view of the site.

 

What would be the best way to accomplish this?

 

Thanks!

0 Likes
Highlighted
Shopify Partner
964 150 162

Hi There!

Do you mean those side spaces?

JHKC_0-1599670516101.png

 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
Tourist
30 0 0

Yes! Those are the ones we want to remove for the mobile views  

0 Likes
Highlighted
Shopify Partner
964 150 162

This is an accepted solution.

Add the following code to you theme.scss.css file:

@media screen and (max-width: 719px)
{
.page-content {
    padding: 0px!important;
}
}


One thing I've noticed, your page takes a lot of time to load, you urgently need to compress your images here:

JHKC_0-1599673289668.png

 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
1 Like
Highlighted
Tourist
30 0 0

Thank you! That looks great

 

Yes, I have seen that and am about to start doing some technical SEO work on the site, this is going to be a big portion of it.

 

Thanks again! 

0 Likes