How do I make my posts full-width in Responsive Theme

• 

  pednutritionguy · Member · Jun 10, 2013 at 8:56 pm

  • Copy link
  • Add topic to favorites

  I have the Custom Design upgrade and request assistance in making my blog posts full-width. I understand the Responsive theme does display some of the blog posts as full-width depending on the viewing device; however, I would like to remove the main side bar completely. Any advice would be appreciated.

  Blog: childrensnutrition.org
  Theme: Responsive

  Thanks in advance,
  Kipp

• 

  designsimply · Member · Jun 24, 2013 at 5:43 pm

  • Copy link

  I checked http://childrensnutrition.org/ and I see that you haven’t published any posts there yet, but you have published pages and you’ve already figured out how to make them full-width using the page attribute settings to apply the “Full Width Page” template.

  Next, I checked for an example post on the Responsive demo site, and I found this:
  http://responsivedemo.wordpress.com/2011/07/07/pellentesque-habitant-posuere/

  To hide the right sidebar and make single posts as well as the posts page full width in the Responsive theme, add this your Appearance → Themes → Customize → CSS panel:

  #widgets {
  	display: none;
  }
  
  .col-620 {
  	width: 100%;
  }

  Note that you do not need the Custom Designe upgrade in order to change the page template, but you do need to purchase the upgrade in order to apply some CSS for others to see.