Jump to content

How to change cart icon position

Go to solution Solved by tuanphan,

Recommended Posts

Posted

website (bendempsey.co.uk)

Hello! I have over time added a lot of custom CSS that I have found from these forums and they have always been made and explained in a way where I, who has never done coding, has learnt to understand much of the basics. The issue I have stems from some of the custom code. I don't have a header, it is hidden with 

#header {
  display: none !important;}

and my footer is locked to have a difference effects as you scroll

footer#footer-sections {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999; 
    mix-blend-mode: difference
}

If you check the site at the top you will see. 

I have recently added a store to my website, but the cart icon has become unclickable. I believe this is due to it sitting behind the locked footer so is inaccessible. I would like the cart location to remain where it is, but to be made clickable. Any tips or bits of code to move the cart icon to the front or a different way to make it clickable? 

Thanks :)

  • Replies 4
  • Views 1.7k
  • Created
  • Last Reply

Top Posters In This Topic

Posted
13 hours ago, tuanphan said:

You can add this code to Website > Website Tools (under Not Linked) > Custom CSS to fix problem

div#floatingCart {
    bottom: 30% !important;
}

 

amazing, thank you so much

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.