2 Comments
  1. Because you’ve uploaded a massive image. Try uploading a smaller one (i.e. resize it to the correct size before uploading).

    The current CSS is setting the max-width of the image to 100%, which is why it looks fine on mobile due to it scaling down to match the width of the screen.

    Just use some CSS to adjust the max-width of the logo. You have a class on the existing logo (.custom-logo), so the CSS would be:

    `img.custom-logo {`

    `max-width: 200px;`

    `}`

    Obviously set 200px to whatever works best, but in my opinion that seemed to work fine when adjusting the width using developer tools.

  2. Reduce the width & heigh of your logo in customize section. Otherwise use custom CSS to reduce the size.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer