FROM CACHE - en_header

Making my logo larger on mobile only: Dawn

slatty
Excursionist
42 0 11

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
372 60 93

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

 

Akibhusen Shekh | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
slatty
Excursionist
42 0 11

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
372 60 93

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

Akibhusen Shekh | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution