[Resolved] sticky sidebars

[David]

Hi Kelsey,

i am sure its possible to make the Element sticky, if you want to wait the site can be seen and raise a new topic we can take a look, as we need to see the HTML in order to provide the right CSS.

[Robert]

Does this CSS work is sidebar is using element? Tried it, but no luck

[Kelsey]

That was my next question. Can’t get it to work with my sidebar element either.

[David]

Hi Robert,

the CSS provided in this topic is specific to the Themes sidebars and specific to the OPs site.
As I said above if we can see the site, then we can provide the necessary CSS.

Robert if you want to raise a new topic where you can share a link to your site then we can take a look.

[Noor]

I tried adding this code:

/* Stick last widgets in sidebars */

@media(min-width: 769px) {
.inside-right-sidebar,
.inside-left-sidebar {
height: 100%;
}
.inside-right-sidebar .widget:last-child,
.inside-left-sidebar .widget:last-child {
position: -webkit-sticky;
position: sticky;
top: 60px;
}
}

But the last widget of the sidebar didn’t stick.

[David]

Hi there,

can you raise a new topic where you can share a link to your site, and then i can provide the CSS you require.

[Noor]

Can you provide me your email where I can send you URL of my site?

[David]

If you start a New Topic, you will have access to the Private Information field:

https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

There you can paste any URLs or passwords. Only the GeneratePress admins can access that content. And it gets auto deleted when you Resolve the Topic.

[Author]

Posts