Jump to content

Jordy_TheShop

Circle Member
  • Posts

    22
  • Joined

  • Last visited

Community Answers

  1. Jordy_TheShop's post in Marquee Overflow was marked as the answer   
    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 🙂
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.