Enlarge logo Sense theme

Enlarge logo Sense theme

blakelyhiner
Shopify Partner
22 1 4

I am hoping to find a way to enlarge the logo on Sense theme. The logo file has no negative space impacting the size, and the logo width is at its fullest that the theme allows. It is way too small on mobile for sure, but I'd like it to be wider than the navigation on desktop as well... I've tried two different codes to bypass this width restriction with no success. Any tips would be appreciated!

 

url: hannahviaart.com

 

Thank you

Replies 3 (3)

LuffyOnePiece
Shopify Partner
650 93 120

Hi @blakelyhiner ,

 

Try adding below css in base.css file.

 

@media only screen and (max-width: 600px) {
img.header__heading-logo.motion-reduce {
    min-width: 250px;
}
}
@media only screen and (min-width: 900px) {
.header--top-center .header__inline-menu>.list-menu--inline {
    gap: 30px;
}
}

 


If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
LuffyOnePiece

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
blakelyhiner
Shopify Partner
22 1 4

Thank you for this, it doesn't seem to have changed anything though... here is the preview url: https://zd4ykbher81cl1b4-71374176290.shopifypreview.com 

blakelyhiner
Shopify Partner
22 1 4

Hi, I was wondering if you had any other tips, this did not work for our site. Thanks!