[Support request] Sticky Widget Issue

[Sundry]

If I add a second element for i.e. Ads then none of the elements stick. But if I keep only one element, it works fine as a sticky object in the widget bar. Please tell me how to fix it.

[Ying]

Hi Sundry,

Your current CSS is targeting the last widget in your sidebar to be sticky.

@media (min-width: 769px)
.inside-right-sidebar aside:last-child {
    position: -webkit-stcky;
    position: sticky;
    top: 10px;
}
}

If you’d like the entire sidebar to be sticky, try this CSS instead:

@media (min-width: 769px)
.inside-right-sidebar {
    position: -webkit-stcky;
    position: sticky;
    top: 10px;
}
}

and remove this CSS:

@media (min-width: 769px)
.inside-right-sidebar {
    height: 100%;
}
}

[Sundry]

Do you mean Customize>Additional CSS or Appearance>functions.php? Where I have to replace it?

[Ying]

It’s CSS, so customizer > additional CSS it is 🙂

But you need to find the previously added 2 pieces of CSS, remove one and replace the other one following my instruction.

[Sundry]

I can see only two @media in +CSS.

@media (max-width:768px){.post-image-aligned-left .post-image img{margin-top:-20px;border-radius:12px;box-shadow:rgba(23,43,99,.2) 0 7px 28px!important}}@media (min-width:769px){.post-image-aligned-left .post-image img

Can you please guide which one to replace?

[Ying]

The CSS might not be directly under the media query, as you are using the cache plugin, I can’t tell what the exact CSS is.

If you can disable your cache plugin, I will have a better idea.

[Author]

Posts