Solved

Can I adjust padding on Debut Theme in Shopify?

Molly8
Trailblazer
225 16 31

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

Accepted Solution (1)

pawan987
Explorer
38 8 5

This is an accepted solution.

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

View solution in original post

Replies 4 (4)

pawan987
Explorer
38 8 5

This is an accepted solution.

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

Molly8
Trailblazer
225 16 31

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.

pawan987
Explorer
38 8 5

try this instead with in media code:

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

 

Molly8
Trailblazer
225 16 31
Hi

No change.

Kind regards