Making my logo larger on mobile only: Dawn

[slatty]

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 

 

[Akibhusen]

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;}
}

[slatty]

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?

[Akibhusen]

@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.