Fixed div “bug”? Solution needed for design.

[HenryDurdan]

Hello there,

Website design/**Fixed** Social Sidebar in question: http://henrydurdan.com/newdesign/

What I could really do with some help with is the ‘social sidebar’. It’s positioning is fixed, thus it will scroll with the page. Now, on smaller resolutions (when the browser is scaled down in height), once you get to the footer (sticky) it will overlap.

What I am really looking for is it to stop with maybe a 50-100px margin off of the footer? Am I just being really stupid?

Also, any comments/feedback on the design & functionality of its responsiveness would be greatly appreciated.

Let me know what you think, thanks guys!

I’ve made a code pen of the social sidebar if you like it: http://codepen.io/henrydurdan/pen/tusaK

[Alen]

Add `bottom: 260px;` to `.social ul` class.

Also, consider alternative solutions to fixed on smaller screens (mobile?)

[HenryDurdan]

Thanks for the feedback, mobile screens was on my to do list.

The bottom: 260px; doesn’t work, I have updated the css file..

http://henrydurdan.com/newdesign/

Any other ideas?

[Author]

Posts