Solved

How to remove extra width on Shopify Maxmin theme

Fahadhassan
Shopify Partner
56 0 6

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

Fadii
Accepted Solution (1)
PageFly-Henry
Astronaut
809 226 198

This is an accepted solution.

Please  try again with this code:

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 8 (8)

Dan-From-Ryviu
Shopify Partner
7011 1326 1352

Hi @Fahadhassan 

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

<style> 
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1600px !important;
}
}
</style>

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

Fahadhassan
Shopify Partner
56 0 6

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


error2.PNG

Fadii

PageFly-Henry
Astronaut
809 226 198

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Fahadhassan
Shopify Partner
56 0 6

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

Fadii
PageFly-Henry
Astronaut
809 226 198

You can try again with this code:

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Fahadhassan
Shopify Partner
56 0 6

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

Fadii
PageFly-Henry
Astronaut
809 226 198

This is an accepted solution.

Please  try again with this code:

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Fahadhassan
Shopify Partner
56 0 6

Thank you so much, it worked 

Fadii