Community forum for knowledge and support

Updated last year

Dealing with Line Breaks in Mobile Banners

At a glance

A community member is having trouble with banners in the mobile version of their website and asks for help dealing with line breaks. Another community member shares a video tutorial that seems to help, and the original poster says they added "no wrap" line breaking to fix the issue. However, the poster later comments that they still have a problem, as the banner marquee is 100vw and the content inside varies, causing overlapping. They want the text to be on one line and ask if there's a way to achieve this. Another community member suggests setting the banner12_marquee to "overflow hidden" to solve the issue.

Useful resources
K
U
6 comments

Amazing ! Thanks my dude. On top of that I added a "no wrap" line breaking and then it's all good.

Damn, still got a problem. I think it has something to do with the fact that the banner marquee is 100vw and the content inside varies in the different marquee in the mage, resulting in having different total inner width and overlapping with the other marquee wrapper. I know that line break would prevent this from happening but I really want the text to be one one line. Do you think there's a way to achieve this?

Set banner12_marquee to overflow hidden should solve it πŸ’ͺ

Let me know how you go πŸ™‚

Damn you guys rock! Thanks

Add a reply
Sign up and join the conversation on Slack