I just made my header 100% width by place in the base.css the following code: .header{width: 100%;max-width: 100%;}
I would also like to make all the webpage content (including product page, collection page, footer, absolutely everything) max width aswell? what code would I use for this?
@Sajeel any ideas?
Hy @achaaraoui
try this code and let me know if it works.
Add this code in base.css
.page-width{max-width:100%;}
thank you it worked!
No problem
After placing the code in this previous page, I though that all the pages and all content would stop after at the same spot where the content in the header stop. On the product page, the content stops where the header content stops as you can see in the pictures provided. But on my about and contact page, the content seems to be stretched to the edge of the screen. How can I fix this?
share store url
when you create a page like contact or about there is an option for width have you used this
thank you, that worked!
Add this in base.css
This is for contact page
#MainContent{text-align: -webkit-center;}
#shopify-section-template--15408050700452__form{width: fit-content;}
check if it works then i will do for about page
ok perfect then dont do custome code. mark my solution accepted