Logo Size On Mobile Too Big & Image Banner On Desktop - Dawn

Technical Q&A
1

Hi,

I am trying to make the logo on my homepage smaller but for mobile only as its massive but on desktop it is perfect

slatty_0-1655120872872.png
slatty_0-1655120872872.png1920×796 164 KB

My second request is to make the image banner under the header smaller on the desktop view & completely hidden for mobile view. Ideally around 50% of its height at the moment - width is fine

slatty_1-1655120952972.png
slatty_1-1655120952972.png1920×796 281 KB

Please advise what code I need

Thanks In Advance!!

2

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

3

Hi,

My URL is www.webse.co.uk

4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
@media screen and (max-width: 767px){
.header h1.header__heading img.header__heading-logo {
max-height: 85px;
}
}
5

Hi @ZestardTech ,

thanks for helping. That seems to have squashed the logo rather than make it smaller - see blow. Is it possible to make it smaller so it looks cleaner on mobile & don’t take up so much space. Ive tried changing the values but no help

slatty_0-1655127414167.png
slatty_0-1655127414167.png1284×2778 402 KB