Jump to content
Sign in to follow this  
jane

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

Recommended Posts

jane

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
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
jane

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
mackenzie

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.


Mackenzie - PageLines Help Desk

The Centsible Family - Writer, Photographer and Coffee Addict

---------------------------------------------------

Kindly search this forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×