Jump to content

- - - - -

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

This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 jane



  • Members
  • 347 posts

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


    One Smart Egg

  • Members
  • 13575 posts

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



  • Members
  • 347 posts

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



  • Members
  • 333 posts

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.