Re: Logo/text in header still showing in dawn theme

sarat86 · ‎06-23-2024

Hello,

When I first put the site together I added some custom CSS I found on here to hide the title/logo in my header.

It works however everytime a new page loads it appears for a millisecond.

I wonder if anyone has a solution as to how I can avoid that.

This is the CSS I added:

h1.header__heading {
display: none;
}
a.header__heading-link.link.link--text.focus-inset {
display: none;
}
.header__menu-item:hover span {
text-decoration: none !important;
}
details[open] > .header__menu-item,
.header__active-menu-item {
text-decoration: none !important;
}

Thank you

Dan-From-Ryviu · ‎06-24-2024

Hi @sarat86

Please try to add this code to theme.liquid file, after <head> and check if it solve your issue

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

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

BSSCommerce-TA · ‎06-23-2024

Hi, @sarat86. In which file did you add that CSS? Try adding it at the bottom of your "base.css" or "theme.css" file.

If it works please choose my answer as the solution. Thank you.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.

SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS

Need help from our expert? Kindly share your request with us via community@bsscommerce.com

BSS Commerce - Full-service eCommerce Agency

Dan-From-Ryviu · ‎06-24-2024

Hi @sarat86

Please try to add this code to theme.liquid file, after <head> and check if it solve your issue

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

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

sarat86 · ‎06-24-2024

Thank you! This seems to have worked!

Re: Logo/text in header still showing in dawn theme

Logo/text in header still showing in dawn theme

Community Blog Articles