Docs

[Jeypolitan]

Hi there!

On my main page, I have my sidebar on the right-hand side.
I would like to make my “Archives” and “Popular Posts” widgets fixed (so they remain/stay to the right when scrolling down the site).

Please advise what is the CSS code I would need to insert in order to make these two widgets fixed?

Thank you.

All best,
Jennifer

[Jeypolitan]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for writing in! Do you mean just the two widgets? (“Archives” and “Popular Posts”), but not the whole sidebar?

It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding.

[Jeypolitan]

Hi there,

Thank you for your reply.
I have asked this question before (just with 2 different widgets) and they were able to provide me the code.
They gave me the following:

jQuery(function($){
$(window).scroll(function(){
if( $(this).scrollTop() >= ( $(‘#text-2’).offset().top + 120 ) ) {
$(‘.widget_archive’).css({
position:’fixed’,
top: $(‘.x-navbar’).height() + 20,
width: 257,
margin: 0
});
$(‘.widget.sfsi’).css({
position:’fixed’,
top: $(‘.x-navbar’).height() + 70,
width: 257
});
$(‘.rpwe_widget’).css({
position:’fixed’,
top: $(‘.x-navbar’).height() + 165,
width: 257
});
} else {
$(‘.widget_archive, .widget.sfsi, .rpwe_widget’).css({
position:’static’
});
}
})
});

And that worked perfectly. The two widgets I wanted to be fixed became fixed with this code provided by a Theme X staff member on this forum. However, those were different widgets, and I would now like to make my two widgets (“Archives” and “Popular Posts”) fixed. I tried doing it with this code but of course, it didn’t work this time because the code above is set to widgets number “#Text-2” and such. Can you please advise me on how to find which “#text-?” I am using for my widgets “Archives” and “Popular Posts” so I can make them fixed as the code above?

Thank you.

Kind regards,
Jennifer

[Lely]

Hi Jennifer,

I would like to check the ID of your current widgets that you want to be fixed, unfortunately I can’t login to your site due Modsecurity issue. Please check attached screenshot.

[Jeypolitan]

Hi there,

You should be able to access my website without any issues now.
Could you please advise on how to make my two sidebar widgets (“Popular Posts” and “Archives“) fixed?

Thank you!

All best,
Jennifer

[Rupok]

Hi Jennifer,

I have checked the possibility and it could be complex to do so and making some widgets fixed could be troublesome to calculate the spacing and won’t be responsive for all screens. Regretfully we can’t assist on such customization.

Thanks for understanding.

[Author]

Posts