Archived

This topic is now archived and is closed to further replies.

  • 0

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

Question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites