Making Header Smaller on Shopify

[manoman]

Hello!

I want to make my header smaller on Shopify. Make it very slim.

I will provide you with the site URL upon request since I want the store to be anonymous, so please let me know if you can help and I will PM you the URL. It will be a big opportunity to start a relationship with us since we need some experienced coders too.

Thank you for all the help!

[Moeed · Accepted solution]

Hey @manoman 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
header.section__header.text-container {
    display: none !important;
}
</style>

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Moeed]

Hey @manoman 

Share your Store URL and Password if enabled.

Best Regards,

Moeed

[manoman]

Pmed you now! Thank you so much!

[Moeed · Accepted solution]

Hey @manoman 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
header.section__header.text-container {
    display: none !important;
}
</style>

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[manoman]

It worked, thank you bro! But is there anyway to remove the separator line, and can I adjust the 5px ratio to make it even smaller to my liking in the code? 🙂 Thanks!

[Kyle_liu · Accepted solution]

Hi @manoman 

Does it meet your requirements?