Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Jordy_TheShop

Circle Member
  • Posts

    5
  • Joined

  • Last visited

  1. Site URL: https://idealog.com.au/ Hi, I'm working with a client on a Personal Subscription. I'm looking to see if there is a way to centre mobile-only text but only on specific pages. My client has a blog page, and I'd like to centre the mobile text on all pages except the blog page to keep it left aligned for better reading. Is there a way to do this or will I have to enter every page's individual section manually? Thanks, Jordy 🙂
  2. Yes I did – I ended up noodling around and the following CSS worked for anyone else needing this effect. //MARQUEE START// .marquee { position: relative; width: 100vw; max-width: 100%; height: 40px; padding-top: 0px !important; overflow: hidden; } .track { position: absolute; white-space: nowrap; will-change: transform; animation: marquee 32s linear infinite; } @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } //MARQUEE END// Thanks, Jordy 🙂
  3. Hi, I'm having trouble with a rotating text marquee on my site. I've successfully managed to put the marquee in using a code block, however I have site overflow and not sure how to fix it. I've tried fiddling the max width but no luck. Any help would be much appreciated. HTML: <h3> <div class="marquee"> <div class="track"> <div class="content">&nbsp;SEO • MARKETING • WEB DESIGN • SOCIAL MEDIA MANAGEMENT • CONTENT CREATION • EMAIL • WEB DEV • PHOTOGRAPHY • VIDEO • SEO • MARKETING • WEB DESIGN • SOCIAL MEDIA MANAGEMENT • CONTENT CREATION • EMAIL • WEB DEV • PHOTOGRAPHY • VIDEO</div> CSS: //MARQUEE START// .marquee { position: center; width: 150vw; max-width: none; height: 40px; padding-top: 3px !important; overflow-x: hidden; } .track { position: absolute; white-space: nowrap; will-change: transform; animation: marquee 32s linear infinite; } @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } //MARQUEE END//
×
×
  • Create New...