Make WordPress Twenty Sixteen Single Posts Go Full Width

In the WordPress Twenty Sixteen theme when the viewport is over 985px the single posts float to the right of the .entry-footer info which contains the author, gravatar, categories and tags and a link to the comments. They don’t go the full width at that particular size.

twenty-sixteen-full-width-post

When the viewport is lower than 985px the .entry-footer goes below the post content in a inline style.

 

If you want to have this behaviour at any size you need to do some editing to the CSS file style.css

Find and remove….

And now they will stack.

twenty-sixteen-full-width-post-stack

 

To style the footer data as all inline at any size, find and remove the CSS below

Now the footer info will be inline

twenty-sixteen-full-width-post-inline

7 Comments

  1. john on September 28, 2022 at 7:21 pm

    When I first came across this, I was so happy as this appears to be the exact problem I am trying to fix but sadly it isn’t working for me. Removed the two lines you mention in style.css Twenty Sixteen theme but no change. Still having .entry-footer taking up space on the left of my content when over 985px. Tried clearing cache, multiple browsers, etc. Any thoughts on why it’s not working for me?

  2. Katrin on January 15, 2019 at 8:04 pm

    finally successful

  3. Bart D on October 10, 2018 at 5:18 am

    You are awesome thanks bunch!

  4. The Poor Swiss on March 22, 2018 at 8:15 am

    That’s exactly what I wanted to do!

    Is there any option to do that on a child theme and not having to worry after each update of the main theme for our changes to be overriden ?

    Thanks

  5. Kevin on July 8, 2016 at 12:25 am

    Perfect. Just what I needed for the Twenty-Sixteen theme. Blog only.

  6. Steve on March 6, 2016 at 6:54 pm

    Once you remove these lines it does move the .entry-footer on ‘posts’ to bottom – however, now all ‘pages’ have the .entry-footer moved up to this same spot (it was not there before), therefore it is not a practical solution unless you have a blog only site. In general I am not a fan of changing a parent theme – but in this case it would not be possible to not have something by not putting it in a child theme.

  7. a. on February 1, 2016 at 9:12 am

    You mean to remove the CSS rules from style.css of the theme so after update all changes would be lost? The rules have to somehow be disabled in the child theme.

Leave all Comment