When I sticky an inner column, the top of the element hides behind the header menu sticky that drops down. It seems on scroll that the theme sets the CSS for the element to position: fixed; top: 20px but I’d like that top value to be much larger, perhaps 110px. How can I do that?
Hi,
I think that is set automatically, it could be increased with some CSS maybe. try something like his for example, and check how it works
.td-is-sticky .wpb_wrapper {
top: 110px!important;
}
Thank you!
Thanks for the response Simion!
So this works, but there are a couple of issues.
- The element still scrolls out of view until it hits the original 20px top, and then jumps down.
- When there are elements underneath the sticky element that cause it to eventually scroll up with the rest of the page, while scrolling up, the sticky element flickers quite badly.
- The element vanishes suddenly once the footer comes into view (technically I think the top value is reset meaning it goes back up to the original position, but effectively it vanishes)
I’m starting to think this requires a JS fix, editing the theme file, though I have no idea which file to tweak.
Thanks 🙂
Hi davidglass,
Please provide me a link to one of the sticky column that you have and it has this problem, in this way I can inspect the problem you report and try to find a solution.
Thank you for your understanding!
Hi, if you want to continue this conversation on privet you can send us an email at contact@tagdiv.com. We will take a look. Include a link to this topic in the email.
Thanks
