I would like to add a scrolling text area to the Brooklyn theme, similar to the obsolete html marquee element. The text area would contain links. I suspect this needs to be done in css, but I’m not sure how to go about it with Shopify, since I’m new to the platform, and usually only work in backend. An example can be seen on https://hankjobenhavn.com/?v=dd65ef9a5579 under “New Arrivals”.
@Tejas_Nadpara Thanks a lot, it works like a charm! If I want the scrolling text to be in front of the slideshow, below the the navbar, how would I go about this?
I would like to have it on the first section of the home page. I’m not sure though which theme I’m going to go for, thus far I favour Narrative, but would consider using the purchased Show Time one. Thanks!
Hi! Sorry I’m jumping in on an old thread, hoping someone might see this and could offer some help.
I want to include the marquee text like in the code above, which works well on desktop but cuts the message in half on mobile. Is there any way I can fix this?
It’s hard to say without viewing the page in question, but you likely have to add some mobile-specific CSS. Would it be possible to have a look at your site?
It doesn’t seem to be working for me.. I’ve already insert the code but there are no changes unfortunately. I used the code mentioned awhile back in this thread, and inserted the code you gave me above at the bottom, should that be correct?
I actually found a code that seems to display the full text on mobile, but the problem I have with this is that the animation is extremely choppy on mobile.
I’ve tried again and simply inserted the white-space code and it worked! This fixed the issue where the sentence spilled into the next line. However, the marquee doesn’t flow naturally from right to left of the screen. Is there a code I can add in to make the scrolling infinite?
You’ll need to change the width too, however beware that if you don’t include the code the way I wrote it, then you’re probably also affecting how it looks on desktop, not just mobile. Can you post the section of code where you added the line-wrap part? The I can probably see what you need to write.