How can I adjust the padding on my Debut Theme icons and 'Collections' section?

Hi

I would like to have the same amount of padding to the right of my search, login and basket icons as the padding to the left of my logo. Can anyone please help?

Also I want to reduce the padding between the ‘Collections’ rich text section top and bottom.

mollycoddle-meg.myshopify.com

Password - preepi

Kind regards

Hi @Molly8 ,

Hope you are doing well.

Please insert this code bellow bottom of theme.css file:

For Header section icons:

@media only screen and (min-width: 750px) {
site-header__icons-wrapper{
padding-right: 50px;
}
#shopify-section-16264640923fa1d139{
padding-top: 0px !important;
}
#shopify-section-1626698802dc7eda1d{
padding-bottom: 0px !important;
}
}

Thanks & Regards

Pawan Kumar

1 Like

Hi

The padding has reduced around the Collections title thank-you but the header icons are the same. The padding hasn’t increased to the right of it. Any ideas?

Kind regards.

try this instead with in media code:

site-header__icons-wrapper{
padding-right: 50px !important;
}

Hi

No change.

Kind regards