How can I reduce margins and padding in the Debut theme?

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 :slightly_smiling_face:

@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

Hi @AmyJay ,

Add this CSS code Online Store > Themes > Edit code > Assets > custom.css or theme.css.

.page-width { max-width: 1440px; }
1 Like

Thank you so much! :slightly_smiling_face: