How do i hide my themes header??

Solved

How do i hide my themes header??

jasa11
Explorer
87 0 11

Hello,

 

I recently purchased a specific header section from an app but I cant really implement it due to my themes header being in the way...

Can anyone help me hide my current header?

URL; jasaoslaj.com  (My site is specficially optimized for mobile experience)

 

Thanks!

Accepted Solution (1)

Moeed
Shopify Partner
6710 1812 2196

This is an accepted solution.

Hey @jasa11 

 

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 {
    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

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
6710 1812 2196

This is an accepted solution.

Hey @jasa11 

 

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 {
    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

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Dan-From-Ryviu
Shopify Partner
10868 2142 2277

Hi @jasa11 

You can hide the header of your theme from Online Store > Themes > Customize > hover on the section under Header, click on the eye icon.

Screenshot 2024-09-16 at 14.28.06.png

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Rahul_dhiman
Shopify Partner
739 143 150

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

.header.header-fixed--false.header-background--solid {
display: none;
}

result
13.png

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

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages