Logo on Password Page Not Showing - Debut Theme

GT13
Visitor
2 0 2

I updated my password page header to show my logo. However, after choosing my logo image, it does not appear on the password page and I cannot figure out why. This is for the debut theme, any suggestions?

Replies 130 (130)
KetanKumar
Shopify Partner
36839 3635 11972

@Lex26 

Thanks 

can you please share the password page password header 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
Sarah00
Excursionist
12 0 7

Because you put it in the wrong place.

Look at your website code! You don't have the line of code I mentioned:

Screen Shot 2020-09-27 at 11.11.10 AM.png

Make sure to put it after line #6, which is:

 

 

<img class="lazyload js"

 

 

so the code should should read: 

 

 

      <img class="lazyload js"
          src="{{ section.settings.logo | img_url: '300x300' }}"
          data-src="{{ img_url }}"
          data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
          data-aspectratio="{{ section.settings.logo.aspect_ratio }}"
          data-sizes="auto"
          alt="{{ logo_alt | escape }}"
          style="max-width: {{ section.settings.logo_max_width }}px">

 

 

 And make sure it's in the file: password-header.liquid which you can find under "Sections"

 

Also, don't forget to add this css to theme.scss.liquid file under "Asset"

 

.password-main__inner .site-header__logo-image img {
display: inline-block !important;
}

 

 

This is the code Ketan mentioned in one of his posts in this thread.

Lex26
Tourist
8 0 5

Hi Sarah,

 

Thank you for sharing, I really don't know what I'm doing wrong as I have entered these codes and the logo still doesn't seem to be showing, I don't seem to have the "lazyload js" part in my code originally. Not sure what is happening here

Sarah00
Excursionist
12 0 7

Oh, are you using the debut theme?

 

But anyhow, I still see that you don't have the 'src' attribute in your code when I examined your website with Chrome.

So, it's definitely missing, that's why 'img' markup can not locate where the logo image is.

can you paste the code of the file password-header.liquid here??!!

 

Thank you and sorry it is not working.

Lex26
Tourist
8 0 5

Sure! Yes I'm using the debut theme.

 

Thank you for all your help! I'm trying it again and I'll see!

Lex26
Tourist
8 0 5

Hi again Sarah,

 

I finally got it to work! Thank you so much for all your help, you've been great!

Sarah00
Excursionist
12 0 7

Awesome Lex26..

Glad it worked

Now I can sleep tonight ,,, LOL

Cheers

Lex26
Tourist
8 0 5

Haha! I'm so thankful for your help! Didn't have a clue what I was doing

Sarah00
Excursionist
12 0 7

Glad it worked for everybody.

 

You are welcome @Lex26 and @armoser 

arieleloisa
Tourist
3 0 2

I am having the same issue. My logo wont show on the live password page but it will show as uploaded in the customization area. Any way to fix this ?

KetanKumar
Shopify Partner
36839 3635 11972

@arieleloisa 

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
Ragz2Ritzy
Visitor
1 0 1

@KetanKumar Can you please help me? My logo isn't showing on the password page either. I have tried copying and pasting the codes, but it's not working. Any help will be greatly appreciated.

 

 

KetanKumar
Shopify Partner
36839 3635 11972

@Ragz2Ritzy 

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
arieleloisa
Tourist
3 0 2
I hope this can be fixed. Thank you.

https://beautyandabarbell.com/
arieleloisa
Tourist
3 0 2
KetanKumar
Shopify Partner
36839 3635 11972

@arieleloisa 

Thanks for it 

can you please share the password page password header 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
nicolechang
Tourist
3 0 2

Hi! I tried adding the code but it is still not working for me, could you help please?

https://attuneskincareco.com

KetanKumar
Shopify Partner
36839 3635 11972

@nicolechang 

Thanks for post

i have to see the logo but one issue add this code

Before

KetanKumar_0-1610517859959.png

 

.site-header__logo-image {background: transparent !important;}

After Code

KetanKumar_1-1610517882804.png

 

 

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
nicolechang
Tourist
3 0 2

Where do I add that code to get rid of the gray box?  I tried to put it under theme.css.liquid (last line), but I can still see the gray box! 

KetanKumar
Shopify Partner
36839 3635 11972

@nicolechang 

Thanks for it 

can you please add me on staff so i will 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
nicolechang
Tourist
3 0 2

Hi Ketan, 

 

I've added you as a staff account! The grey box shows up on my desktop, but not my phone. Not sure what's happening!

KetanKumar
Shopify Partner
36839 3635 11972

@nicolechang 

Thanks for the update can you please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.site-header__logo-image {background: transparent;}

 

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
cultcaine
Tourist
6 0 0

my logo isnt showing on my password page!!! please help!!!

Anthony_David_
Shopify Partner
417 46 105

Share your store url @cultcaine 

Theme customization | Design | Shopify App Consultant
Have Any Questions? Whatsapp +1 (341) 241-4263
Based in United States
cultcaine
Tourist
6 0 0
alchemyatelier.eu
Anthony_David_
Shopify Partner
417 46 105

Hi @cultcaine 

password-header.liquid

After Line #6, which is <img class="lazyload js"

Add the following line:

 

src="{{ section.settings.logo | img_url: '300x300' }}"
Copy

 

I think, it also needs some tweak.

You also need the CSS code mentioned previously in one of the comments.

Also, if needed, add to theme.css.liquid, the following line:

 

.password-main__inner .site-header__logo-image {
background-color: unset;
}
Copy

 

Cheers

Theme customization | Design | Shopify App Consultant
Have Any Questions? Whatsapp +1 (341) 241-4263
Based in United States
cultcaine
Tourist
6 0 0
Ive done this already and it still isn’t showing. Please help !!!
kylefornow
Visitor
1 0 0

Hi Ketan, can you help me with this as well. The website is https://dybbuknewyork.com/.

I will add you as a shopify partner to the account.

vaitsaofficial
Visitor
2 0 2

Hello, the same issue is happening with me. My logo does not show on the password page. Can you help me?

bellandrew96
Visitor
1 0 0

Hi,

 

Are you able to help me at all? I am having exactly the same issue as stated. Unable to add logo to password page on debut theme.

 

URL:  https://marrabellclothing.com/password

Alysonalita
Visitor
1 0 0

Hi, pls I need your help on my shopify partner store, I want to enable the password but its unclickable, why?