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


  • Content Count

  • Joined

  • Last visited

  1. I had the same problem today. I found out that Squarespace released a new feature today for 7.1 that will give you options to change the mobile header layout, but not all sites have this update yet. If you start a trial site in 7.1 today, you will see the mobile header option. I used this code below to return my mobile icon back to the left. .header-display-mobile .header-burger {position: absolute}
  2. That worked perfect! Thank you again!
  3. That worked! Thanks!..my icon size got smaller, do you know how I can increase the size? I'm using this css below but it's not changing the size. Thanks! .user-accounts-link {font-size: 25px !important;}
  4. Site URL: https://www.deprio.com/home Hi! I replaced the customer "account" login text link in the header with a font awesome icon. I want to see if there is a code that can make this icon clickable to go to another page on my site. I'm using 7.1, thanks! Here is the code I used in the code injection to create the icon: <script> $(".user-accounts-link").append("<i class='fa fa-user-o' aria-hidden='true'></i>"); </script> And the CSS I used: .user-accounts-text-link{ display:none!important; }
  5. I'm not sure if there is another issue that is throwing it off. I've decided to just use this css below to get rid of the quantity labels on the other pages. I appreciate all your help. header#header .icon-cart-quantity {visibility:hidden;}
  6. I just added "<script>" in the footer and now the suitcase is visible. Here is the current footer code below.. FOOTER <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> <script> $(".Cart-inner").append("<i class='fa fa-suitcase' aria-hidden='true'></i>"); </script>
  7. Sure, here is all the current code for the header and footer of code injection. HEADER <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script> $(document).ready(function() { if ($('span.sqs-cart-quantity').html() == 0) { $('span.sqs-cart-quantity').html(''); } }); </script> <script> $(document).ready(function(){ $(".sqs-add-to-cart-button").one("click", function(){ $("<a class='checkoutbutton' hr
  8. I removed the jQuery from the footer, but then the suitcase cart icon disappears and only the zero label remains.
  9. I deleted another. Here is my current code below for header/footer of code injection. I'm still getting the same result. Thanks! HEADER <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script> $(document).ready(function() { if ($('span.sqs-cart-quantity').html() == 0) { $('span.sqs-cart-quantity').html(''); } }); </script> <script> $(document).ready(function(){ $(".sqs-add-to-cart-button").one("c
  10. You're right, it's on all pages. I'm seeing the zero because when you add an item in the cart and remove it, the zero is then displayed and stays on all pages. Not sure if this can be fixed. Thanks!
  11. I deleted the duplicated jQuery and used the updated Document.ready code in the footer but it didn't work. When I placed the document.ready code in the header, the zero label did not show on the cart page, but it shows up on the cart icon on other pages. Is there a way to make the zero label not show on all pages? Thanks!
  12. I removed and placed the second script in the footer and also tried it with the document ready code, but the cart label still shows zero. Is there something else I can try? Thanks!
  • Create New...