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

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