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

Store Design
1

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

2

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
3

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.

4

try this instead with in media code:

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

Hi

No change.

Kind regards