Twenty Sixteen – increase sidebar width

• 

  efpunter · Member · Dec 12, 2016 at 12:04 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I would like to increase the width of the sidebar on my Twenty Sixteen theme to accommodate a gallery. The pics are a bit too small on the default width.

  Any help with the necessary CSS would be appreciated.

  Thanks.

  Brian

  The blog I need help with is: (visible only to logged in users)

• 

  fstat · Staff · Dec 12, 2016 at 3:47 pm

  • Copy link

  Hi there,

  You can post your question over at the CSS forums:
  https://en.forums.wordpress.com/forum/css-customization

• 

  staff-loquaciousloon · Staff · Dec 12, 2016 at 9:52 pm

  • Copy link

  Hey @efpunter!

  And Hi @fstat! :)

  The CSS forum @fstat mentioned is a great place for CSS questions. I saw this post and wanted to drop a quick snippet in for you:

  @media screen and (min-width: 56.875em) {
    #primary {
      width: 60%;
    }
  
    #secondary{
      width: 35%;
      margin-left: 65%;
    }
  }

  Try dropping that into the CSS in your Customizer. It will shift 10% of the screen width from the content column to the sidebar :)

• 

  efpunter · Member · Dec 13, 2016 at 7:29 am

  • Copy link

  Thanks very much chad1008 .. does the job.

  fstat – I will remember next time to use the CSS forum.

  Brian

• 

  fstat · Staff · Dec 13, 2016 at 4:14 pm

  • Copy link

  Hi staff-loquaciousloon thanks for helping out :)

• 

  staff-loquaciousloon · Staff · Dec 13, 2016 at 4:55 pm

  • Copy link

  My pleasure!