Shopify themes, liquid, logos, and UX
This is an accepted solution.
Hi CRART
- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
@media screen and (min-width: 750px) {
.page-width--narrow {
max-width: 85% !important;
}
}
Result:
Best,
Esther
@CRART Can you please share this page link?
@CRART please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css
@media screen and (min-width: 990px) {
.page-width--narrow { max-width: 90%; }
}
This is an accepted solution.
Hi CRART
- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
@media screen and (min-width: 750px) {
.page-width--narrow {
max-width: 85% !important;
}
}
Result:
Best,
Esther
Hi @CRART,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css file Add the provided code at the end of the file.
@media screen and (min-width: 769px) {
.page-width--narrow {
max-width: 87%;
}
}
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025