Shopify themes, liquid, logos, and UX
Hi,
I would really appreciate some help if possible. My website is www.nalaeyewear.com and I am using the Debut theme.
The margins on all my pages are quite big and id love to reduce them so my content took up more of the page. Specifically my collection page, Id like the products to take up the whole page and there to be not much space either side. (sorry, I hope this makes sense). Ive added a screenshot below.
Thank you in advance 🙂
Solved! Go to the solution
This is an accepted solution.
Hi @AmyJay,
Add this CSS code Online Store > Themes > Edit code > Assets > custom.css or theme.css.
.page-width { max-width: 1440px; }
@AmyJay Go to assets/theme.css and paste below css at bottom of file.
.page-container
{
margin-top: -50px !important;
}
.site-nav--centered
{
padding-bottom: 0px !important;
}
.site-nav
{
margin: 0px !important;
}
Hi,
Thank so much for your help.
I have just tried this but it hasn't made a difference. Is there anything else you can suggest?
Thank you
This is an accepted solution.
Hi @AmyJay,
Add this CSS code Online Store > Themes > Edit code > Assets > custom.css or theme.css.
.page-width { max-width: 1440px; }
Thank you so much! 🙂
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