Trying to get the header to be sticky when scrolling, adding data-ipsSticky works but not on mobile devices. Is this intentional? Is there a way to make it work on mobile devices as well?

Thanks ? 

 

 

Quote

disableIn
(String; optional)

Sticky behavior is often not desired on mobile devices. This option allows you to disable sticky behavior when responsiveness is enabled and the device is currently using one of the viewport keys specified in this option, e.g. phone or tablet.

By default disableIn value is phone

You can override it

<div id='elWrapper'>
	<div id='elStickyElement' data-ipsSticky data-ipsSticky-disableIn='coffee_maker'>
		...
	</div>
</div>

 

3 minutes ago, newbie LAC said:

By default disableIn value is phone

You can override it

<div id='elWrapper'>
	<div id='elStickyElement' data-ipsSticky data-ipsSticky-disableIn='coffee_maker'>
		...
	</div>
</div>

 

Amazing! Thank you! ?

I was using the disableIn incorrectly. I had it set to:

<div id='elWrapper'>
	<div id='elStickyElement' data-ipsSticky disableIn='none'>
	</div>
</div>