Making my logo larger on mobile only: Dawn

slatty
Explorer
56 0 12

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 

 

583FB832-1CFC-4041-912B-803101D6AD4C.png

Replies 3 (3)

Akibhusen
Shopify Partner
715 121 147

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
Explorer
56 0 12

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
Shopify Partner
715 121 147

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