Position sticky doesn’t work on last widget

Resolved emusxx
(@emusxx)

7 years, 4 months ago

Hi, I would appreciate any help here.

I need the last widget of the right sidebar to be fixed when top is 0.

My css works great if it is applied to the second or first widget but it doesn’t work if it is the last one.

Clearly, the widget has to have content beneath to allow the sticky property work correctly, but I think it must be a right way to do it without that.

Css:
position: sticky;
top: 0;

Many thanks!

The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)

Theme Author Tom
(@edge22)

7 years, 4 months ago

Hi there,

I wonder if it’s because it doesn’t want to overlap the footer.

Do you have any pages with longer content to test it on?

Thread Starter emusxx
(@emusxx)

7 years, 4 months ago

Thanks for your answer Tom,

I think that is not the issue. Anyway you can test it in that page:

https://evaluing.com/es/sin-categoria-es/lorem-ipsum-dolor-sit-amet-consectetur-adipiscing/
Theme Author Tom
(@edge22)

7 years, 4 months ago
Try adding this CSS:
```
#content {
    display: flex;
    flex-direction: row;
}

.inside-right-sidebar {
    height: 100%;
}
```
Let me know 🙂
Thread Starter emusxx
(@emusxx)

7 years, 4 months ago

Brilliant! Many thanks it works perfectly.

Thread Starter emusxx
(@emusxx)

7 years, 4 months ago

Sorry Tom I’ve just tested that it doesn’t work on safari or other browsers. Do you know how to solve that? Thanks!
Leo
(@leohsiang)

7 years, 4 months ago
What about this?
```
#content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.inside-right-sidebar {
    height: 100%;
}
```
Thread Starter emusxx
(@emusxx)

7 years, 4 months ago

Hi Leo,
It works when you use safari on iPad but not on pc.
Really weird…
Thanks!

Theme Author Tom
(@edge22)

7 years, 4 months ago

What version of Safari are you using? I know the PC (Windows) version is no longer supported/updated.

I just gave it a try using the latest version of Safari on my Mac and it works.

Thread Starter emusxx
(@emusxx)

7 years, 4 months ago

Ok, no worries then, maybe is my Mac. I am using the version 10.1.1.

Thanks!

Theme Author Tom
(@edge22)

7 years, 4 months ago

No problem! 🙂

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Position sticky doesn’t work on last widget’ is closed to new replies.

Tags