Can anyone please tell me how to make the announcement toolbar sticky, but only on mobiles? Not wanted for the desktop view.
Website URL is: https://www.exercisenutritioneducation.com
Thank you in advance.
Hi @Cornel
Kindly paste the below CSS in theme.liquid under Layout just after
Note: The above CSS will work on mobiles only.
Thank you so much @Sheesh_b - that worked!
Sorry but I do have one last question now that I’ve seen it work on mobile.
The text is too spread out. So on mobile only, is it possible to reduce the spacing between my text list/paragraphs so the text appears more frequently? I don’t want to increase the speed of the lateral scroll, just reduce the spacing perhaps.
Thank you again.
That has worked.
Although the text starts scrolling from the phone margin on the right and it ends around 10px in from the left side of the screen. I also noticed on the phone the text scroll is much faster. And it only scrolls around 5-6 times, then the black bar remains empty - no text.
Is it possible to make it so that the text scrolls across the entire width of the screen and make it infinite? And slow it down a little bit too, so it matches the speed of the scroll bar on the desktop browser?
Sorry for so many questions!
And thank you in advance for all your support.
That has worked! Thank you very much for your help @Sheesh_b !
How would I make the text run across the entire screen width on both, computer and mobile? And is it possible to make the copyright at the bottom full screen too? The copyright notice on the far left, and payment icons make them go far right, entire length of the screen width? Thank you @Sheesh_b .