I would like to remove the logo from my NAV bar on every single page

Solved

I would like to remove the logo from my NAV bar on every single page

3eight9one
Tourist
7 1 1

I am able to remove my website logo from the home page with no issue I want to remove it from every single page across the entire site

 

This is my homepage no logo

croldan_0-1720399127762.png

 

This is my product page with logo I want to remove this from every page on the site, cart, blogs everything

croldan_1-1720399193219.png

 

Accepted Solution (1)
3eight9one
Tourist
7 1 1

This is an accepted solution.

Never mind I was able to figure out your steps and that actually worked as expected, site looks super clean and consistent thank you very much for that assist. I give you two thumbs up. Below is the image of the new product page as well where to apply that code

 

3eight9one_0-1720406752737.png

This can be found in Theme Settings > Custom CSS, which is towards the bottom of the left NAV bar

3eight9one_1-1720406799931.png

 

 

View solution in original post

Replies 9 (9)

3eight9one
Tourist
7 1 1

This code in the - theme.liquid works for the homepage, but remains across every page on the entire site. I can assure you I've tried every piece of code out there. If anyone has a solution that would be awesome.

 

<!-- remove logo from pages begin //-->
<style>
h1.header__heading {
display: none !important;
}
</style>
<!-- remove logo from pages end //-->

AnneLuo
Shopify Partner
775 149 164

Hi, @3eight9one 

Please share the store URL so that I can assist you.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

3eight9one
Tourist
7 1 1
AnneLuo
Shopify Partner
775 149 164

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
a.header__heading-link{
  display: none !important;
}
</style>


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

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

Dan-From-Ryviu
Shopify Partner
8572 1690 1701

Hi @3eight9one 

Please add this code to Online Store > Themes > Customize > Theme settings > Custom CSS. 

.header__heading-link { display: none !important; }

 

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: 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.

3eight9one
Tourist
7 1 1

I do not have a Custom CSS, I've seen these posts a lot and no one explains how to create a Custom CSS or how to apply it in simple terms. I do appreciate the response. If you can be more specific would be great.

Dan-From-Ryviu
Shopify Partner
8572 1690 1701

You can see Custom CSS from Online Store > Themes > Customize > Theme settings

 

Screenshot 2024-07-08 at 09.42.23.png

Or you can add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code 

<style>
.header__heading-link { display: none !important; }
</style>

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: 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.

3eight9one
Tourist
7 1 1

This is an accepted solution.

Never mind I was able to figure out your steps and that actually worked as expected, site looks super clean and consistent thank you very much for that assist. I give you two thumbs up. Below is the image of the new product page as well where to apply that code

 

3eight9one_0-1720406752737.png

This can be found in Theme Settings > Custom CSS, which is towards the bottom of the left NAV bar

3eight9one_1-1720406799931.png

 

 

Dan-From-Ryviu
Shopify Partner
8572 1690 1701

Nice! 

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: 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.