Skip Navigation

[Resolved] Make the content of a certain column sticky while I scroll down the page

This support ticket is created 6 years, 5 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 14:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Jamaica (GMT-05:00)

This topic contains 3 replies, has 2 voices.

Last updated by Shane 6 years, 5 months ago.

Assisted by: Shane.

Author
Posts
#1096927
Screen Shot 2018-08-31 at 8.25.18 AM.png

In the screenshot I have a column to the left with some filter parameters. The results appear to the right. I would like the filter parameters to stay visible (aka "sticky") while I scroll down the page to view the results.

#1097037

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Abi,

Thank you for contacting our support forum.

Could you provide me with a link to this page so that I can provide some css code to get the desired results for you ?

Thanks,
Shane

#1097325

hidden link

#1098686

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Abi,

Add this css to your view.

@media (min-width:961px)  {
.wpv-filter-form{
    position: fixed;
    top: 0;
    margin-top: 33%;
}
}

It should be noted that this does not work correctly on mobiles. So i set it only for desktops.

Please let me know if this helps.
Thanks,
Shane