How To Add Margin Or Padding To Left And Right Of All pages on Mobile Devices only - Debut Theme

Store Design
1

So, as the title suggests, I’ve been having a hard time trying to fix the margin/padding problem on the mobile device format. This is what it looks like now. Any help would be appreciated, thank you.

Screenshot 2022-08-03 at 4.38.51 PM.png
Screenshot 2022-08-03 at 4.38.51 PM.png906×1680 261 KB

2

Hi,

Please share your store URL and password if protected.

Thanks

3

Hello @wubbafeli

Can you share your website URL so that I can check and provide you with the solution to fixing your issue?

4

@wubbafeli Please send me store url.

5

Hello

Provide me your store URL and password (if your storefront is password protected). so that I can check and try to provide you with a solution.

6

@wubbafeli
Hello,
Can You Please Share Your Store URL I Check and provide Proper Solution

7

Hi, @wubbafeli

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.css ->paste the below code at the bottom of the file.
@media(max-width:786px){
.main-content .shopify-section {
    margin-left: 10px;
    margin-right: 10px;
}}

note: you can increase/decrease value 10 to your choice

8

Thanks a lot! This worked.