Header Padding Symmetry Theme

[emilyaugstudios]

Hi, does anyone know the best way to make my header length shorter in the Symmetry theme?

URL - https://pantee.co.uk/?_ab=0&_fd=0&_sc=1&preview_theme_id=144118972631

Currently it looks like this, but I'd like to reduce the white space padding...

[Rahul_dhiman]

Hello @emilyaugstudios 
Go to online store ----> themes ----> actions ----> edit code ---->assets ----> main.css
add this code at the end of the file.

.container--no-max {
max-width: 80% !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[sahilsharma9515 · Accepted solution]

Hi @emilyaugstudios please add the below code

<style>
div#pageheader .container--no-max{
    height: 64px !important;
}
</style>

Please follow the steps:

1. Login in shopify admin.
2. Click on the Online Store.
3. Then click on the button next to Customize in live Theme.
4. Click Edit Code.
5. Search theme.liquid in the code in left hand side in your theme.
6. Add the following code in the bottom of the file above </body> tag

Result:

If you will unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

Best Regards

Sahil

[klenkli]

Thank you so much for this solution! 🙏