How to make the filter form sticky when scroll the page on mobile?

I want to when the user scroll down the page the filter button still on the top, I tried (inside @media (max-width:800px){} ):

.hp-template--listings-view-page .hp-form--listing-filter{position:sticky;
	 top: 0;}
	 top: 0;}

 .hp-button--mobile .hp-button--listing-filter{position:sticky;
	 top: 0;}
.hp-button--wide .hp-button--mobile .hp-button--listing-filter{position:sticky;
	 top: 0;}

None of then work. How to do this?

Sorry, there’s no simple code snippet - this requires advanced customizations.

If customizations are required for your site, please try customizing it using the collection of code snippets Search · user:hivepress · GitHub and other developer resources, or consider hiring someone for custom work

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.