Logo not loading in mobile view (Liquid theme)

Highlighted
New Member
5 0 0

Hi, does anyone know how to fix mobile logo issues in the liquid theme? My logo is appearing fine in the desktop view but for some reason it appears blank in the mobile view...

0 Likes
Highlighted
Hello MerryMakers,
please share your site url so that I can check and let you know exact solution here.
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Shopify Expert
1381 111 200

Please Share a store url to better assist.

0 Likes
Highlighted
Shopify Partner
1446 87 188

Dear MerryMakers,

 

I think you've got some css that's hiding the normal logo on small screens with retina support. Please share your store url.

Best Regards
MS Web Designer
Contact: https://www.task4store.com/pages/contact-us or task4store@mswebdesigner.com
20000+ Task Completed
1000+ Satisfied Client
9.9*/10 Customer Rating
0 Likes
Highlighted
New Member
5 0 0

Please see shop URL below:

 

https://merrymakersinc.com/

0 Likes
Highlighted
Highlighted
New Member
5 0 0

merrymakersinc.com

0 Likes
Highlighted
Shopify Partner
1446 87 188

You have given wrong image path, in mobile 

 

Write code will be 

<img src="//cdn.shopify.com/s/files/1/0804/5935/files/MerryMakersLogoLG_200X182_aef173b4-1b93-4a4f-afc0-e855b3b1cc8f_200x.gif?v=1582667108" alt="MerryMakers, Inc. ">

If you still need help please contact at https://www.task4store.com/pages/contact-us

Best Regards
MS Web Designer
Contact: https://www.task4store.com/pages/contact-us or task4store@mswebdesigner.com
20000+ Task Completed
1000+ Satisfied Client
9.9*/10 Customer Rating
0 Likes

Hello

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->styles.scss.liquid

.shoplogo.hidmobile {
    display: block !important;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
5 0 0

This duplicates my logo.

0 Likes