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

Jordy_TheShop

Circle Member
  • Posts

    7
  • Joined

  • Last visited

Everything posted by Jordy_TheShop

  1. Hi @tuanphan I'm seeking this same effect to create a 'sidebar nav' however this did not fully work for me. Whilst my nav links are working, my site title is not fully to the left of the page. Any ideas? Site:https://carnation-parsnip-br2g.squarespace.com/ PW: abc123 Your help is much appreciated! Thanks, Jordy
  2. 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 🙂
  3. 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 🙂
  4. 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...