Change size of welcome logo



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 .




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;