Logo on Password Page Not Showing - Debut Theme

Highlighted
Shopify Partner
8520 1138 2980

@Bebrightnz 

if possible to send PM Login less 10 mini will don this

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
New Member
7 0 0

Hi Ketan,

I am having this same issue. My logo won't appear on my password page, I have tried pasting the link you posted also but still isn't working. Are you able to pleas help? Thank you

0 Likes
Highlighted
Tourist
8 0 1

Hi All

There is a line of code missing. It's a bug in 'debut' theme.

In file: password-header.liquid

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

Add the following line:

 

 

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

 

 

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;
}

 

 

Cheers

0 Likes
Highlighted
New Member
7 0 0
Hi there, I tried this and it still isn't working. It just shows the code
on my webpage instead of the logo
0 Likes
Highlighted
Shopify Partner
438 44 65

Hi @Lex26 ,

Please share your store URL so I can post the solution here.

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gamil.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
0 Likes
Highlighted
New Member
7 0 0

Hi,

 

the website is www.thelexica.com

 

Thank you!

0 Likes
Highlighted
Shopify Partner
8520 1138 2980

@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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
8 0 1

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.

0 Likes
Highlighted
New Member
7 0 0

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

0 Likes
Highlighted
Tourist
8 0 1

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.

0 Likes