Logo on mobile too big

New Member
2 0 0

My logo is the perfect size on my website but on mobile view it is too big. It overlaps with the cart icon in the header. i am using the venture theme.


I have tried majority of the existing solutions on this forum and have had no luck.

I was wondering if anyone could help me or if willing, login to my store and do it, I'm willing to pay.


Hello ,

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

@media only screen and (max-width: 749px){
h1.site-header__logo {
    width: 80%!important;

Please share your site url.
So that i can check and provide you exact solution here.


If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
New Member
1 0 0

hiya, it worked perfectly on my home page so thank you!

However, on all my other pages it goes back to how it was before.

Any idea why?