Archived topic
Sticky footer but problem with overlapping
2 replies · Started by Damiaan van Vliet on March 11, 2021
Viewing posts 1–3 of 3
Hi team!
I've created a sticky footer with the following code:
.site-footer{
position: fixed;
bottom: 0;
left: 0;
right: 0;
}On a 27 inch screen the footer is nicely to the bottom.
But (of course) when I see it on a lower size screen the footer text is overlapping the content text.
Is there something I can do to have the footer sticky but also have show a scroll bar within the content?
Or do I want to much :-)
Hi team, I've changed my mind; I can change it simple by having the left sidebar fixed. That's also fine.
/* stick sidebar */
@media(min-width: 769px) {
/* stick left sidebar */
.inside-left-sidebar {
position: -webkit-sticky;
position: sticky;
top: 60px;
}
}Glad to hear you found a solution!
This archived topic is closed to new replies.
