Sticky Offset Responsive

[3quid]

Hi,

Creating a sticky section with offset. You can choose to turn on/off sticky per device but does anybody know a way of setting a different sticky offset for tablet/mobile?

 

[Persuasion89]

maybe you could make it work with @media queries and

{#sectionid}.elementor-sticky {
sticky_offset: 000px;
}

You might have to do a little more digging to get the actual code right. That's at a glance what id try. don't bother with the sectionid part unless you have a few stickies and have trouble.

 

[3quid]

Thank you @Persuasion89 ... I was trying to solve it via elementor only but clearly this isn't possible at this time. I've now solved it by adding ID's to sections (e.g. product-section-title) and, alongside media enquiries, using the following code in my css...

/* Desktop 200px offset */ 
@media only screen  and (min-width : 1026px) {  #product-section-title  { position: -webkit-sticky; position: sticky; top: 200px;  }
}