Side bar doesn't display all the content on different screen sizes. Why?

• 

  timrobisonjr · Member · May 29, 2012 at 10:08 pm

  • Copy link
  • Add topic to favorites

  I recently switched themes. I loved that the side bar remained stationary. However when I view the blog on a smaller screen size (15″ laptop) a good portion of my side bar is not visible and doesn’t give you the option of scrolling down. Shouldn’t the side bar resize just like the rest of the site?

  I read in the support forum to put
  ” #subsidiary {
  position: relative;
  }”

  However I cannot find where to put that and have tried several locations.

  Any help is greatly appreciated.

  Thanks!

  -tim
  Blog url: http://thatsjustitphoto.wordpress.com/

• 

  staff-blorbo · Staff · May 29, 2012 at 10:46 pm

  • Copy link

  I’m not noticing any problems myself. The sidebar attempts to adjust to the size, then drops to the bottom when it’s out of room.

  Which browser (and version of) are you using?

• 

  timrobisonjr · Member · May 29, 2012 at 10:53 pm

  • Copy link

  I was using Safari, but checked in FireFox as well. It may appear fine to most, simply because they don’t know that additional content is below… The sidebar should show content all the way down to a email subscription box, including social links and copyright information. Basically half of the side bar ( the bottom half) is missing.

  any thoughts?

  thanks

  -t

• 

  designsimply · Member · May 29, 2012 at 11:47 pm

  • Copy link

  The sidebar in the Ari theme is purposely designed not to scroll. Your sidebar is quite long indeed, but for it to work and be visible for all users you either need to put less content in the sidebar or use the solution you mentioned which is to change the sidebar from fixed to relative positioning so that it will scroll like the rest of the content.

  In order to make a custom adjustment such as changing the theme design (the 2nd option), you would need to purchase the Custom Design upgrade and then save the CSS you mentioned before to your Appearance → Custom Design → CSS editor. Note that you can try it using the preview button on that page before purchasing the upgrade.

  #subsidiary {
  	position: relative;
  }

• 

  timrobisonjr · Member · May 30, 2012 at 1:49 am

  • Copy link

  @designsimply I have already purchased the custom design upgrade. However, like I stated before, I can’t find where in the CSS to put the new code.

  Also, should the side bar not resize it self based on different screen sizes? Photographs and post titles do. Why doesn’t the side bar?

  thanks.

• 

  timrobisonjr · Member · May 30, 2012 at 2:19 am

  • Copy link

  Ive got the new code to work… but is there no way for it to resize? Its especially bad on mobile devices.

• 

  staff-blorbo · Staff · May 30, 2012 at 6:42 am

  • Copy link

  No, that won’t be possible with your theme on account of how it’s designed.

  Have you tried the mobile theme at Appearance -> Mobile in your blog’s Dashboard?

• 

  timrobisonjr · Member · May 30, 2012 at 4:34 pm

  • Copy link

  All the other blogs I have had have resized (liquid CSS) for different screens…iPad, 15″, phone, 27″iMac, etc…. why is my blog no longer doing this?

  I understand there is a mobile version, but thats not what I am talking about. I want my blog fit the screen its showing on.

  thanks.

• 

  staff-blorbo · Staff · May 30, 2012 at 8:59 pm

  • Copy link

  Your blog’s theme is not designed to do that. It has a fixed sidebar which does not re-size itself.