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

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

Updated: February 24, 2017 Posted: February 22, 2017~ 1,006 Readers ~ 1 Minute Read 2 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:


Subscribe to immediately use this, other Twenty Seventeen customisations, and receive useful information by email about growing your business online.

Free customisation and business growth support is only available for a limited period.

In WordPress Admin > Appearance > Edit CSS.

Enter the CSS code below.

  • The 700px max-width is double the default width of 350px. To halve the size, change the value to 125px
  • The 160px max--height is double the default height of 80px. To halve the size, change the value to 40px.

The CSS code:

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


  • 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: