Jump to content


Photo
- - - - -

My sidebar social icons aren't responsive - ideas on how to fix?


  • Please log in to reply
3 replies to this topic

#1 jane

jane

    Super Member

  • Members
  • 204 posts
  • Country: Country Flag

Posted 07 October 2012 - 04:59 PM

Hi everyone,


In my righthand sidebar I set up my my icons but I noticed as a shrink my window the size stays fixed.

Is this because I set the display to "block" or because I set the position to "relative"?

Any ideas on why this element stays fixed?


Thanks for your insight.

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 07 October 2012 - 09:35 PM

The reason is that your social media links in the sidebar are using a background image and have a CSS set size of 70px. This is creating a fixed width that won't be responsive. It could be the block selection, but I'm leaning more to the fixed size instead of a percentage being the cause.

#3 jane

jane

    Super Member

  • Members
  • 204 posts
  • Country: Country Flag

Posted 08 October 2012 - 11:01 PM

Hi Rob,

Thanks for explaining this. So If I'm to understand, if I were to change any reference to "70px" to "100%" would that fix the issue?

Thanks again

#4 mackenzie

mackenzie

    Advocate

  • Members
  • 333 posts
  • Country: Country Flag

Posted 09 October 2012 - 12:26 AM

You would want to use FireFox with FireBug to locate the exact code that you need to change. I wouldn't change more then you have to in order to not mess up other items.