Change Logo size and height on Mobile Narrative theme

Highlighted
Tourist
3 0 0

I cant seem to change logo size on narrative mobile version. The width slider does not change any dimensions on logo. I tried to locate height size in liquid but it seems the older fixes to increase logo height or size listed on older posts no longer work. Can anyone please give me some insight, thank you very much.

0 Likes
Highlighted

Hello Ddabbelt,
Please share your site url.
So that i can check and let you know the 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
1 Like
Highlighted
Tourist
3 0 0

It's not a live site as of yet, I still have password protected. Its generic narrative. Could you still help?

0 Likes
Highlighted
Shopify Partner
2242 488 630

Hello, @Ddabbelt 

add code assets/theme.scss.liquid bottom of the file

@media only screen and (max-width: 749px){ .site-header__logo-image { max-height: 80px; } }

I Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
3 0 0

added it to the bottom of theme.scss.liquid , tried on several occasions before with that css and it doesn't change at all on mobile. its a fresh site with no css changes before this. It's the only issue holding me back on this store. Any other insight would be greatly appreciated, thank you

0 Likes
Highlighted
New Member
2 0 1

I just figured this out!!!

In the edit view (like when you are changing visual elements on your site, in mobile view) Right click on your logo in the header, click "inspect".

In the bottom sections 'Styles' look for

@media only screen and (max-width: 749px)
?design_theQ%3D%3D:529
.site-header__logo-image {
  1. /* max-height: 30px;

uncheck the box next to, "max-height: 30px"

 

That should help! Let me know...

1 Like
Highlighted
New Member
1 0 0
Thank you for this!!!
0 Likes