[Resolved] Sticky footer but problem with overlapping

[Damiaan van Vliet]

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 🙂

[Damiaan van Vliet]

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;
    }
}

[David]

Glad to hear you found a solution!

[Author]

Posts