how to adjust the width of this one same with the page width

[niceeee]

[niceeee]

https://quick-start-999eac94.myshopify.com/products/elegoo-neptune-4-pro

pass: nayldu

[David_SHT]

HI @niceeee

This is David at SalesHunterThemes.

Follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

#MainProduct-template--21097077571884__main {
max-width: 100%;
}

.product-media-container.constrain-height.media-fit-contain {
width: 100%;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

[niceeee]

not working

[PageFly-Henry]

Hi @niceeee

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 base.css

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

.product__info-container {

max-width: 100% !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[niceeee]

still the same, I want the product tabs to have same page width with other section

[Dan-From-Ryviu]

Please add this code to Custom CSS of that section in Online store > Theme > Customize

.color-background-1 {
   max-width: var(--page-width);
   margin: 0 auto;
   padding: 0 1.5rem;
}
@media screen and (min-width: 750px) {
.color-background-1 {
   padding: 0 5rem;
}
}

[INA_MSWEB]

Hi @niceeee

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

#MainProduct-template–21097077571884__main {padding: 0 !important;}

Regards,

San

[niceeee]

after putting this code

the image of the product gets small, how to fix this one?

[Dan-From-Ryviu]

Hi, did you added code to base.css file? Please add that code to Custom CSS of that tab section so the code will be applied to that tab only

[PageFly-Henry]

Currently, I can’t access this URL store. Can you send it again so I can check it?