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

General
1

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;}
.hp-form--listing-filter{position:sticky;
	 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?

2

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 https://fwd.cx/hLhc73mQCD9R

3

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