custom css code to adjust section width

R2D21
Tourist
22 0 0
I'm on DAWN 13.0.1
so i wanted to basically have every page on my shop to show up as full page width so i added the following to my base.css
 

 

 

@media screen and (min-width: 990px) {
.page-width {
    max-width: 100%;
}

 

 

 
 but this doesn't work well for pages that use the default page template such as about me, privacy policy etc...
question is can i add a custom css to the sections i don't want to use the max-width 100% option?
 
Screenshot 2024-03-24 005720.jpg
 
thank you
Replies 4 (4)

suyash1
Shopify Partner
9139 1138 1485

@R2D21 - try this, make sure that you closed the brackets

 

@media screen and (min-width: 990px) {
.page-width {max-width: 100% !important;}
}
To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
R2D21
Tourist
22 0 0

thanks for the reply, but it seems that code is not allowed as custom css

 

error.jpg

suyash1
Shopify Partner
9139 1138 1485

@R2D21 - may be because of media query code, remove that and check

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
R2D21
Tourist
22 0 0
like this?

{.page-width {max-width: 100% !important;}}