ECLIP3SMay 13, 2020 in Technical Problems
How would I go about making the navigation bar on my website sticky/frozen.
Edit the element in the templates and add data-ipsSticky to it
@bfarber: Thank you for this! This works wonderfully at larger viewports, however would be better if it did not apply to mobile/tablet viewports. How can this be done for large viewports only? For example, when mobileNav appears, remove the data-ipsSticky element from ipsLayout_header?
Using data-ipsSticky-disableIn='phone' on the element should disable it for mobile devices, however this should already be the default.
@bfarber: Ah! So close! Is there a way to specify to disable for tablet AND phone? (In other words, only be sticky on the desktop viewport).
I tried adding two strings to the data-ipSticky-disableIn element, yet no go. ='phone,tablet' or ='phone tablet'... but nopes. 😞
I suppose there's not an enableIn equivalent that I could just specify 'desktop'?
It looks like you're spelling it wrong. Its ipsSticky not ipSticky:
After trying that and doing a hard refresh (CTRL + F5), I had the desired result. Thanks @bfarber!
So, reporting back on this. Some issues.
While I managed to get the desired result, there are two places that issues remain:
Are there solutions for these side-effects that can be implemented?
Started 3 hours ago
Started 15 hours ago
Started March 22