abry747

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}

That worked perfect! Thank you again!

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;}

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; }

Awesome! That did the trick. Thanks so much!

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;}

I'm using 7.1

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>

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

I removed the jQuery from the footer, but then the suitcase cart icon disappears and only the zero label remains.

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

pw: deja

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!

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!

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!

Hi, I added the code(between the script labels) in the code injection header, but my cart still has the zero label. I did also add the jQuery 3.x minified code before it. Please let me know if I'm doing something wrong, thanks!

Site URL: https://www.deprio.com/cart Hi! I wanted to see if there is a way to make the cart icon quantity label not display zero when there is nothing in the cart and only display numbers (1+) when there are items in the cart. I am using Squarespace 7.1. Thanks!

Worked! Thanks so much!

Site URL: https://www.deprio.com/search Hi! I am trying to remove the focus border (outline) around the text/input in my search box. Is it possible to do this with CSS? The outline did not start appearing until yesterday and I'm using Squarespace 7.1. Thanks!