Solved

Can I swap my Shopify site's logo in a sticky header?

kimbermiller
Explorer
42 0 13

The logo I have on my site is an image rather than text. It has my store name in a transparent white font (see below).

 

logo.PNG

 

I've used code to create a sticky header that changes to a white background when the viewer scrolls. Everything is working fine with this except you can't see my logo anymore (see below). I have this same logo in black and was wondering if there is a way to swap out the image also?

 

logo2.PNG

 

Any help would be appreciated!

Accepted Solutions (9)

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

Thanks, @kimbermiller 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@kimbermiller 

Thanks for URL.

sorry, your store is password protect can you please share us.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@kimbermiller 

Thanks 

all good  can you please just upload your second logo on black color already theme setting available 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@kimbermiller 

Thanks for udpate

yes, just can you please logo second version black color look much batter 
theme already allow uploading section  

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@kimbermiller 

Thanks 

can you please provide header file code so i will update 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@kimbermiller 

We're not asked to hire anyone if you have a share login details so I will fix on easy  

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@kimbermiller 

Thanks for update

how can i check you  backend code 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@kimbermiller 

Thanks 

i have done this, please check.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 26 (26)

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

Thanks, @kimbermiller 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
kimbermiller
Explorer
42 0 13
It is https://lily-rose-baby-boutique.myshopify.com/

I’m still on my three month trial so I’m not sure if it will let you view the page?
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@kimbermiller 

Thanks for URL.

sorry, your store is password protect can you please share us.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
kimbermiller
Explorer
42 0 13
It is lilianarose
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@kimbermiller 

Thanks 

all good  can you please just upload your second logo on black color already theme setting available 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
kimbermiller
Explorer
42 0 13

This is great. The logo is coming up as it should on all pages besides the homepage. When I scroll here, the logo still can't be seen. 

 

logo3.PNG

 

Is there a way to fix this?

Thank you!

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@kimbermiller 

Thanks for udpate

yes, just can you please logo second version black color look much batter 
theme already allow uploading section  

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
kimbermiller
Explorer
42 0 13

I already have the black logo selected in the header settings.

 

settings.PNG

 

This shows on all the other pages. It just doesn't change from the white transparent logo on the homepage. Is there somewhere else I need to add this?

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@kimbermiller 

Thanks 

can you please provide header file code so i will update 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
kimbermiller
Explorer
42 0 13

I'm not sure what you mean by that. Sorry!

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
kimbermiller
Explorer
42 0 13

I'm not looking to hire anyone for customizations on the website or anything like that. I've been figuring it out on my own. I was just looking for some guidance on how to fix this one thing that I can't figure out. The black logo is showing in the sticky header on all pages with the white background except the homepage. When the page scrolls and the header changes from the transparent background to the white background, I want the white logo to change to the black logo.

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@kimbermiller 

We're not asked to hire anyone if you have a share login details so I will fix on easy  

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
kimbermiller
Explorer
42 0 13

Okay, I just wanted to make sure. Thank you! The URL is shoplilyrose.co and the password is lilianarose.

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@kimbermiller 

Thanks for update

how can i check you  backend code 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
kimbermiller
Explorer
42 0 13
I just sent a private message with the login info for the backend coding.
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@kimbermiller 

Thanks 

i have done this, please check.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
rubeldas7
Shopify Partner
5 0 2

I am having the same problem with the Brooklyn theme. Can you share the solve codes? Thanks in advance for your help.

KetanKumar
Shopify Partner
36839 3635 11972

@rubeldas7 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
rubeldas7
Shopify Partner
5 0 2

Hi, Thanks for a swift response. https://ninawa.at/  and the password is    friagh  . Kindly help me to get rid of it.

KetanKumar
Shopify Partner
36839 3635 11972

@rubeldas7 

Thanks for the details 

do you need to change the logo or just sticky header color?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
rubeldas7
Shopify Partner
5 0 2

@KetanKumar 

Thanks for your reply.

I want to change the logo on the screenshot-ninawa-vienna.myshopify.com-2020.12.26-17_59_40.pngsticky header. As you can see I have set 2 logos with customization.

KetanKumar
Shopify Partner
36839 3635 11972

@rubeldas7 

Thanks for it 

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
John8T
Visitor
2 1 3

I am also having the same problem with the Brooklyn theme. Can you share the solve codes, please ?

KetanKumar
Shopify Partner
36839 3635 11972

@John8T 


Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question. 😊

Please share your site URL,
So I will check and provide a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
atelierpampam
Tourist
7 0 0

Hi, i'm also interested in the solution !

 

I use the theme CRAFT, my website (new and in construction) is : https://atelierpampam.myshopify.com/

 

I tried this code :

}
.shopify-section-header-sticky .header__heading-link link link--text focus-inset{
  img_url : ("https://cdn.shopify.com/s/files/1/0550/1547/3216/files/Logo_nu_Logo_600x350_suie.png?v=1658565705")
}

 

But i'm not an expert and this one doesn't work ! I'm still in my free trial, so i can't unlock yet my website and take off the password.

 

Is it possible for you just to correct me on the code i shared to you ?

 

Her is the code that works to change my header in transparent and my steaky header in opac color :

 

/* Barre de menu transparente */
.header-wrapper{
background: transparent !important;
position: absolute;
width: 100%;
}
.header__active-menu-item,
.header__icon,
.header__menu-item {
color: #F8F7F3 !important;
}

/* Couleur Sticky Header */
.shopify-section-header-sticky .header-wrapper{
background: var(--gradient-background) !important;
}
.shopify-section-header-sticky .header__active-menu-item,
.shopify-section-header-sticky .header__icon,
.shopify-section-header-sticky .header__menu-item {
color: rgba(var(--color-foreground),.75) !important;

 

Thank you so much,

 

Cécile M.