Sticky elements

Posted in: Newspaper
Post count: 34

Can you provide me css code which makes elements sticky? In my posts I have images – they should be sticky. I tried
.sticky-img {
position: -webkit-sticky;
position: sticky;
top: 0;
}

but it doesn’t work probably due to

#td-outer-wrap {
overflow: hidden;
}

Thanks!

Post count: 35449

Hi,

Using our them you can set sticky only the columns/sidebars and these can be set using the guide from here -> https://tagdiv.com/multiple-sticky-sidebars/ -> https://forum.tagdiv.com/smart-sidebar-2/

Hope this will help you!

Post count: 34

No it won’t help me.

I have plugin which inserts into post content div which looks like this -> https://prnt.sc/tpq06q

Code looks like this:

<div class="content">
<div class="sticky-img"></div>
<div class="text">Lorem ipsum text</div>
</div>

And css:

.content {
width: 100%;
}
.sticky-img {
width: 50%;
height: 100vh;
background-size: cover;
float: left;
}
.text {
width: 50%;
float: left;
}

Due to height of .text div I want to make div .sticky-img just sticky. As i said I tried

.sticky-img {
position: -webkit-sticky;
position: sticky;
top: 0;
}

but I doesn’t work probably because of

#td-outer-wrap {
overflow: hidden;
}

Please help me with this 🙂

Post count: 35449

Hi,

Please provide me a link to one of these posts, and I will take a look to see if I can make a custom css that will make the image sticky for you.

Thank you!

Post count: 34

Here is the example post -> https://bit.ly/2DaUw2H

Post count: 34

btw I can modify code of div .content -> add/change .classes #IDs, modify CSS

Post count: 18283

Hello !

Unfortunately achieving this will require custom work which is not covered by the support team as you can see here: https://forum.tagdiv.com/newspaper-theme-support/

You can contact our custom work team here: https://tagdiv.com/web-development-services/

Thank you !

Post count: 34

Okay so please provide me any details (div classes, css code, js/jquery) which makes columns in tagdiv composer sticky.

Post count: 18283

Hello !

Unfortunately this has to be done by the person that will provide you the custom work. We do not provide codes for custom work.

Thank you !

Post count: 34

This support really sucks. GFY! ?

Post count: 161

Hi jakubz,

Did you find a solution for this?

I am running into the same problem.

Post count: 27744

Hello @r1kay,

Our theme has the option to make sticky elements only columns and sidebar => https://tagdiv.com/multiple-sticky-sidebars/
If you want to have other elements to be sticky, you need to add an extra class on that element => https://www.screencast.com/t/X7xYjYvUov, and you can write a custom code CSS on that extra class to make it sticky.

Thank you!

Viewing 12 posts - 1 through 12 (of 12 total)
The forum ‘Newspaper’ is closed to new topics and replies.