Twenty Seventeen Theme Customisation
Twenty Seventeen is the default 4.7 WordPress theme for 2017. Register for and request customisations here.

How To Change The Logo Size (Increase & Decrease) In Twenty Seventeen

Updated: July 1, 2017 Posted: February 22, 2017~ 1,766 Readers ~ 1 Minute Read 6 Comments >>

The logo in Twenty Seventeen is a fixed size, and it's width, and height, can be increased or decreased in size.

The default logo size.

The logo re-sized.

In this example, the logo has been doubled in size, however, it can also be reduced in size.

Where and how to make the width the menu full screen:

Get instant access to this customisation, and more.

Join the member's area for free and receive your login by email for:

Twenty Seventeen theme customisations.
Salient theme customisations.
Other WordPress customisations.
Grow A Business Online forums.

Free membership for customisation and growing a business online is only available for a limited period.

Not a member?.. Register for free below.

Your login will be emailed to the address you enter above.
Your privacy is respected, and there is no spam.



There are 6 comments to the above post [Read comments].
Click here to comment, ask or share something.

6 Comments

  • Daffy says:

    When Uploading a Logo 2017 theme will Crop the image to a much smaller size, so when this is implemented the image becomes blury

    • Daffy,
      When I select an image from Media that is 1920 x 1080 pixels, for the logo, a square is selected in the middle of the image at full height.
      I then change the selection to use the whole width of the image and even though the image appears smaller as the logo on the header, it is clear.
      Can you make sure you are using a high enough resolution image for the logo and then select the whole image?

  • Mitch says:

    Hi Bharat,
    I've had someone help me on a slider customization for the homepage and they created a child theme so the changes don't get overwritten. Do I need to do the same with the logo size customization? I'm assuming in your example here, I'm just making changes to the regular or parent theme CSS, correct? Also, I hope I'm using the right definitions. Thanks for your patience with my lack of knowledge here.

  • bonsai698 says:

    Hi Bharat,
    is there a way to increase the logo size even more then in your example?

    • Hello, to increase the logo size more than in the example below, then simply multiple the 700px and 160px by how much you want to increase the size by. So, if you want to make it 1.25 times bigger than it appears with the code above use 875px and 188px instead and save the updates in the CSS Editor.

Comment, ask or share something...

%d bloggers like this: