The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Fixed div “bug”? Solution needed for design.

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #45489

    Hello there,

    Website design/**Fixed** Social Sidebar in question:

    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:


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

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


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

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

    Any other ideas?

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.