Twenty Seventeen Theme Customisation

How To Make Twenty Seventeen Footer Content Be 50% Equal Width

Updated: February 13, 2018 Posted: March 1, 2017~ 991 Readers ~ 1 Minute Read 2 Comments >>

The Footer 1 widget and Social navigation icons area in the footer of Twenty Seventeen are narrower than the Footer 2 widget and 'Proudly powered by WordPress' text area. All these widgets / areas can be made an equal width of 50% of the width of the content area.

The default footer widget areas.

The footer widgets/ content areas made equal width.

Where and how to make the widget / content areas equal width:

Get an instant login to access to this customisation.

Subscribe to my Grow Business Online newsletter to use this and other Twenty Seventeen theme customisations.

Your privacy is respected, and there is no spam. See our privacy policy.

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


  • ROdrigo says:

    Hello Bharat

    What do I have to write if I want to merge both footers? I want to have a large one instead of two.


    • Rodrigo,

      Try the following code which should make the first footer widget full width and not display the second footer widget.

      @media screen and (min-width: 48em) {
      .site-footer .widget-column.footer-widget-1 {
      width: 100%;

      .footer-widget-2 {
      display: none;

Comment, ask or share something...