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

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

Updated: February 13, 2018 Posted: March 1, 2017~ 944 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 instant access to this customisation, and more.

Subscribe to use this and other WordPress customisations, and to receive other supporting information by email about growing your business online.

This free access and support is only available for a limited period.

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

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...