Logo too small on the collection page - Boundless Theme

Solved
New Member
4 0 0

The logo on the collection page is too small and I can't seem to make it any bigger than what's shown. The only customize options I see allow me to change the width and I set it to the max it allows. Any suggestions on how to fix this issue?

 

www.dripformen.com

0 Likes
Highlighted

Hello 

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

.site-header__logo.h1 {
height: 150px;
margin-top:15px;
}
.site-header__logo img {
max-width: 400px!important;
width: 400px;
height: 150px;
}
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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
New Member
4 0 0

That made it look pixely and way off to the side on mobile

0 Likes

Success.

Shopify Partner
2569 39 592

Your source logo image is 200x40 pixels, and even if you set logo width to 500, it will only show maximum of 200px wide.

Upload a bigger image and do not leave too much "air" in the picture on the left and right -- crop it tighter since the  actual image is only 60 pixels wide inside the 200px-wide file.

 

Then select type what width you want in theme customiser.

However, there is a CSS rule which prevents it from getting too tall, so add something like this to the bottom of the theme.scss.liquid asset  instead of what's suggested above.

.site-header__logo img {
    max-height: 80px; /* default is 65px */
}
Want to hire me to tweak a theme? Mail me at tairli@yahoo.com! My post solved your problem? This is my Paypal too :)
0 Likes
New Member
4 0 0

That helped! Thank you!

0 Likes