Shopify themes, liquid, logos, and UX
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
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
Thank you for this, it doesn't seem to have changed anything though... here is the preview url: https://zd4ykbher81cl1b4-71374176290.shopifypreview.com
Hi, I was wondering if you had any other tips, this did not work for our site. Thanks!
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025