Hi everyone, I’m new to the community and I’m currently building a deck in the free version of Pitch. I am running into an issue with the Theme Marquee component. It displays correctly in desktop view, but it does not animate or appear properly in mobile view.
To give more detail:
The marquee shows up normally when editing or previewing on a desktop screen.
In mobile preview it sometimes appears correctly only when the page first loads, but once you begin scrolling it glitches and turns into a solid color bar instead of scrolling text.
No custom CSS, embeds, or heavy media elements are applied. This is happening with the default marquee setup.
I am trying to understand whether this behavior is:
A known limitation of the mobile renderer
A bug affecting the free tier of Pitch
A compatibility issue triggered by the marquee animation on mobile
If anyone has encountered this or has suggestions for mobile friendly alternatives, I would appreciate the guidance. Thank you in advance.
Hi @doulbeH2O Provide REFERENCE urls , or preview urls, etc.
Always keep OTHER people in mind we are not mind readers, know what you know, nor magically have your urls,nor theme setup.
Communicate replicatable detail.
User experience warning
Keep in mind such features can be a major user annoyance; and browser may disable it even for properly made ones when users prefer low motion. It’s silly shopify even shipped that or allows themes to have it, there’s a reason standards bodies for the web deprecated the HTML marquee tag.
Just like slideshows cramming more into less is NOT a good thing for an entire page of reasons.
With top two being they can over occupied your time trying to juggle things, and then just end up annoying users.
You want customers there for product, not getting distracted with stacks of excess moving info.
Make an actual choice on what has priority and show that.
If that’s true and replicable on a new theme install then contact a shopify support-advisor on the help/chat https://help.shopify.com
Note: some apps inject code only controlled through the app’s settings, or by uninstalling the app(if it doesn’t leave code behind)
If demo store works, then something wrong with your particular configurations.
Sharing a preview URL (with storefront password if not yet open) will help.
Also, some glitching in “Customize” is “acceptable” – what matters is how it works on storefront.
This seems to be a mobile rendering limitation and not a limitation for the free-tier. Many marquee or continuously animated elements use desktop-based CSS or JavaScript, which is not completely supported on mobile browsers. A safer alternative is to replace the marquee with a normal text block or use a simple fade/slide animation that has better cross-device compatibility.
The problem is not just mobile, but actually, marquee breaks after any two resizes, on desktop also.
There is a Javascript error in console when this happens.
Demo store is version 3.2.0, yours is 3.0.0.
They’ve done a lot of changes between those, including the marqee section Javascript.
I’d suggest you to try and update your theme – this is non-destructive as new copy of the theme will be made and this new copy will be updated while keeping your current theme intact.
See if the problem remains.
It should be possible to debug your current theme to find the cause but it will take some time and does not make sense if update will fix the problem.
Provide REFERENCE urls , or preview urls, etc.
It’s silly shopify even shipped that or allows themes to have it, there’s a reason standards bodies for the web