Change size of welcome logo


#1

Hi,

I just started creating my site with this theme and I’m loving how it looks on desktop. However, I would really like to change the size of the logo on the welcome page when I switch to mobile or tablet. It is currently too big and gets cut off when viewed with a mobile device or tablet. Can you help me change the logo size for mobile and tablet only? Website is ashtonclaire.com .

Thanks!

Ashton


#2

Hello Ashton,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1024px) {
      .welcome-logo {
        max-width: 210px;
      }
    }

    @media only screen and (max-width: 600px) {
      .welcome-logo {
        max-width: 170px;
      }
    }

Regards,
Kharis