How to remove extra width on Shopify Maxmin theme

Store Design
, , , , , ,
1

Dear Shopify community, I hope everyone is doing well. I’m using the Shopify maxmin theme and there is a problem with the page width on the desktop site, it’s good on the mobile site but when I switch it to the desktop version there is a plain background on the sides you can see in the image. Thanks in advacne

  1. Store URL: https://technostor.com/

error.jpg
error.jpg563×999 70.9 KB

1 Like
2

Hi @Fahadhassan

Open Online store > Themes > Edit code > theme.liquid file, add this below code after element
3

Hi @Fahadhassan

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file vendor.css

Step 3: Paste the below code at bottom of the file → Save

[data-section-type=“categories-section”] .container {

padding: 0 !important;

max-width: 100%;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

4

Hey. Thank you for your response but it makes just one section full-width
I want a full page with 0 padding

error2.PNG
error2.PNG1260×612 153 KB

1 Like
5

Hey, thank you for your response but sorry it didn’t work. Do you have any other solution?

error2.PNG
error2.PNG1260×612 153 KB

6

You can try again with this code:

.container {
max-width: 100% !important;
padding: 0 !important;
}

7

Sorry, it didn’t even work on any container. Do you have any other solution?

8

Please try again with this code:

.container-md, .container-sm, .container {
max-width: 100% !important;

}

9

Thank you so much, it worked