Jump to content

grybitskaya

Member
  • Posts

    6
  • Joined

  • Last visited

Posts posted by grybitskaya

  1. On 10/3/2020 at 10:47 PM, inunzi said:

    I tested this code on my site, and it doesn't show a line under the social icons on desktop nor on mobile. You can also customize the transition speed, the thickness of the line, and I think you can also change the color of the line too. Copy and paste the code below in the custom css section, located the the design page. 

    // Stretchy Navigation Line - v2 //
    
    .header-nav-item::after {
      content: '';
      background: #000000; //color
      height: 2px; //thickness
      width: 0;
      display: block;
      margin-top: 2px !important;
      transition: width 1s; //animation speed
      margin: 0 auto;
    }
    
    .header-nav-item:hover::after {
      width: 100%;
    }
    
    .header-nav-item--active a {
        background-image: none !important;
    }

    This works great on my site for the header nav. But How do you do this to the footer and all the other links? Can someone help with this please?

×
×
  • 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.