How do I make this full width?
@orchiworld , can you give me your store website url. Maybe I can help you.
Hi @orchiworld
Please add this code to Custom CSS in Online Store > Themes > Customize to do that
.page-width:has(.image-with-text) {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
PW: mewfru
This doesn’t change anything on my end.
also want to state that I want the whole thing including text on the right side, and image on the left side to be full width
@orchiworld you can follow these steps:
Step 1: Go to Admin → Online store → Theme > Edit code
Step 2: Search for the file base.css and add this css code below, in the top of the file:
main .shopify-section .page-width {
max-width: unset !important;
padding: 0px !important;
margin-right: 0px !important;
margin-left: 0px !important;
}
Step 3: Click “save” button.
Here result:
If it works, please mark my answer as solution. Thank you!
This worked! Thank you.
Hello @BSSCommerce-TA
I am trying to solve the same problem on my Symmetry Theme. But I don´t have a base.css file. I would like the images to fill 50% of the whole screen and also eliminate the gap between the pictures so that basically the corners of the two pictures just meet in the middle. Your help would be much appreciated.
Thank you!
www.apresjeudi.com
