Sticky sidebar position fixed with overlapping footer

Support
#1

Hi Gys,

I followed advice to make the sidebar sticky via https://theme.co/apex/forums/topic/ethos-theme-sticky-sidebar/

All works well although on pages without enough content in the main container, the sidebar is overlapping the footer.

I’ve played around with overflows etc but still can’t find a great solution. Would love your advice.

Thanks in advance,

Claire : )

#2

Hi Claire,

Thank you for writing in, would you mind providing us the site URL so we can take a closer look. You can use the secure note if you don’t want it to post in public. I tried to look for it but you have a lot of site on your account.

Cheers!

#3

Hi,

Sorry for the delay, that would be great thankyou. I’ve provided the URL in the secure note section.

Thanks again superstar.

Claire :smile:

#4

Hi Claire,

Thank you for the URL, but a fixed sidebar will always overlaps with the footer. Do you mean you want the sidebar to be behind the footer instead of the other way around? If so, please update this custom CSS

.stick {
    margin-top: 0 !important;
    position: fixed;
    top: 190px;
    right: 0 !important;
    z-index: 10000;
}

Update the z-index: 10000; to z-index: 0;

Hope it helps,
Cheers!

Position option ? on x theme
#5

Thanks superstar,
I thought as much. Maybe I should set a minimum height on the sticky?
Setting the z index is a good idea for the time being.

Thanks again,

Claire

#6

Hi Claire,

I don’t see how the minimum height can affect the sticky sidebar, please clarify.

Thanks,

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.