How can I adjust left side space to increase header width in Debut theme?

Hey,

I would like to know how could I manage the space on the left side of ‘‘shop’’ in order to increase the width in the header.

Thanks.

Link : https://relentless-clothingz.myshopify.com

Hi Ulysse1300,

There wont be any way to handle this from customizer,

But we can do something with code,

1 Like

Thanks for the answer.

What type of code should I add ?

CSS code, Is it possible to give access to the themes sections, I wont do anything in live theme, will do fix in a backup theme,

1 Like

If you don’t want to give me the code there no problem, but I prefer not to give access to my theme to a new member here.
Thanks again for the help.

If you reduce this 55px, It will bring you less space in both the sides,

If you asking me to reduce only one side, that wont look good,

If you still need then I will suggest that too

https://monosnap.com/file/tmSlm5wtlDHVXBOXIQ1TZT2P2HnkZO

@media only screen and (min-width: 750px)

{ .site-header { padding: 0 55px; }}

change this 55px to 30px or 20px. as less as you need

1 Like

You can refer this screenshot also to check how to add the code

https://monosnap.com/file/CGTZgXiEaJwIc2IniG8WPhTlGjezVV

1 Like

Hi @Ulysse1300 ,

As what I understand, you want to move the SHOP llink, which part of the header to the left? If so, find the theme.css file under the Assets folder and add the code below. Adjust the margin-left accordingly.

.site-nav list--inline {
margin-left: -20px !important;
}
1 Like

Thanks for the help, It works really well.

9.png