Archived topic
How to make side widget sticky?
7 replies · Started by Alston on November 2, 2022
Hi,
I have small doubt and want to understand whether a solution like this possible with GP.
In my site https://saaspirate.com/pabbly-connect/
I want to make the right side coupon widget stick on roll for desktop readers only.
I have tried these settings so far but so far I am unable to make it work.
@media (min-width: 769px) {
div.wp-coupons-banner wp-coupons-coupon-panel {
position: -webkit-sticky;
position: sticky;
top: 50px;
}
}Can you please help to make it work?
Hi Alston,
Will you be able to wrap that Panel in a Container or a div?
Hi Fernando,
Sorry if I didn't understand properly but isn't this widget is already wrapped in div according to this https://capture.dropbox.com/LiRt8E8fYOchccF1
Thanks for the help.
Hi there,
see here:
https://www.screencast.com/t/UWacsn22ZzNf
The two highlighted elements would need to be wrapped in a div, as there parent div.wp-coupons-banner needs to be the full height column.
Are those templates editable ?
Hi David,
Thank you for the reply & help. I wanted to confirm with plugin developer before the reply.
I asked the developer and he mentioned that it's not possible now.
Is there any other way I can make it sticky?
Yes, that would be the only way. Basically, right now your structure can't support that section being sticky. You would need to wrap it in a div or change your structure to make it work.
OK. Thank you for Fernando for the help.
You're welcome Alston!
