Jump to content

How do I change the hover color on my Social, Cart and Search icons in my top Nav?

Recommended Posts

Discovered the answer to my question. Code below if you would like (for Brine Template SSV7.0)


.Header .SocialLinks:hover .SocialLinks-link-icon {fill: #b8a153!important}

.Header-search-form-submit:hover svg {
    stroke: #b8a153 !important;}

.Header .Cart:hover {stroke:#b8a153!important}

.Header .Cart .sqs-cart-quantity:hover {color:#b8a153!important;}


Link to comment

I see your site, on mobile, bottom bar overlap back to top button, difficult to click back to top

You can add this to Design > Custom CSS to move up back to top a bit

/* move back to top on mobile */
@media screen and (max-width:640px) {
button#myBtn {
    bottom: 70px;



Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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