Liquid, JavaScript, themes, sales channels
Hi,
I would like to make my logo on mobile view fill up more of the green space without making the header section larger. Right now I feel like a lot of space is wasted. Is it possible to do this with code?
store url: www.webse.co.uk
theme: dawn
hi @slatty,
Please add the below code of CSS at the end of the base.css file.
@media(max-width:479px){
.header__heading-link{padding:0;}
.header__heading-logo{min-width:180px;}
}
Hi @Akibhusen that makes the logo bigger but it also increases the header size. Is it possible to just increase the logo or rather trim the green on the header above the logo?
@slatty ,
yes, it's possible. I checked your logo and it's having the white space at top and bottom. just remove that and apply this CSS. it'll work.
After above step if you feel logo is still small then just change the min-width from 180 to 200px.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024