This is a tricky one:
I'm having trouble at mergebusiness.co (pw: thug) [business plan] with my header text -- I'm using a 'live' .typeit script and on mobile it runs the text back/forth onto the next line. I would love to add a mobile-only change to this code block to insert a <br> in the text to avoid that happening on mobile.
However, since that's not super likely, I created a duplicate .typeit code block tweaked for mobile beneath it, and have tried to hide the desktop code on mobile, and vice-versa. BUT the .typeit second code does not work because it only runs one .typeit script on a single page, it seems. Even when the first .typeit code block is hidden, the second .typeit code block won't run.
My solution to this is to try and swap the order of these blocks when viewing on mobile, so the mobile version of the code block takes priority. Can I swap these blocks completely when viewed on mobile? (Neither is hidden right now.)
OR-- if you can help me run two .typeit code blocks on the same page simultaneously that would solve it. I can just hide one on desktop and mobile.
Thanks to whoever can crack this one. Need to launch this website later this week, so help is appreciated.
USING: ".mobile-typeit-container" and ".desktop-typeit-container"