ivnisigoth316

#collection-618c2bbce1ae7c27313ab6d4 section[data-section-id="61a11c6f01d66c32ef8d9591"] { display: none; } Try this in Custom CSS. 

Hi,
Which screen size problem appear? We can try some code to fix it

paul2009
this is a perfect solution. thank you so much for your time, i really appreciate it!

I see you've added some Custom CSS for the Product List Page (PLP) but I don't see any for the Product Detail Page (PDP). You'll need to use something like this:
.collection-type-products .ProductItem-details h1.ProductItem-details-title, .ProductItem .ProductItem-details .product-price {   font-family: "Neue-Haas-Unica-Medium"; }  
Did this help? Please give feedback by clicking an icon below  ⬇️

Hi, add this code to custom css and let me know how it goes 🙂
.sqs-custom-cart:before { letter-spacing: .02rem; font-family: 'Neue-Haas-Unica-Medium','sans serif'; font-size: 0.96em; top:2px !important; } header#header .icon-cart-quantity { font-size: 0.7em; font-family: 'Neue-Haas-Unica-Medium'; }  

The titles aren't taking up space 🙂. It's 50-pixels of margin that is added to the top of the product metadata. You should be able to remove this with the following Custom CSS:
.products.collection-content-wrapper .grid-meta-wrapper { margin-top: 7px; }
Did this help? Please give feedback by clicking an icon below  ⬇️

This is perfect, thank you so much for your help!
Jack

Thanks, this was perfect! Appriciate it!

For the breadcrumbs, add this code to custom css:
.ProductItem-nav { font-family: "Neue-Haas-Unica-Medium"; }  

Please ignore this post - i have figured it out but I cant find how to delete my question.
 
Thanks

This code worked absolutely perfectly. 

Thank you so much bangak36, I really appreciate you taking the time and effort to help my out with my query.
Your expertise are much appreciated. Have a lovely day.

Thankyou,
Jack

You can try adding to Home > Design > Custom Css
@media only screen and (max-width: 1200px) { section[data-section-id="618c2b72bee2874615b209fe"] .sqs-layout > .row > .span-2 { width: 21.25%; } section[data-section-id="618c2b72bee2874615b209fe"] .sqs-layout > .row > .span-4 { width: 15%; } } @media only screen and (max-width: 921px) { section[data-section-id="618c2b72bee2874615b209fe"] .sqs-layout > .row > .span-2 { width: 25%; } section[data-section-id="618c2b72bee2874615b209fe"] .sqs-layout > .row > .span-4 { display: none; } } Let me know how it works on your site
Press 👍 or mark this answer as solution to help another one too

My testing result

2021-11-27_17-47-01.mp4    

This worked perfectly.
Thank you so much for your time and expertise, it is much appreciated

This worked perfectly.
Thank you so much for your time and expertise, it is much appreciated

Site URL: https://ladybug-chicken-2tp4.squarespace.com/
Hi there,
Site: https://ladybug-chicken-2tp4.squarespace.com/
Pass: *3iRgpCKJ-8@bBZ7
 
I'd like to add a normal navigation page that links to the cart, so that i can have it on the far right of my navigation menu so that it has the cart and then the quantity next to it.
i have already hidden the icon and styled the cart quantity via css.
When i try to add the page and use the 'cart' slug it says that it is reserved (i assume there would be some some of conflict on back end)
Is there a way around this please?


TLDR:
I would like to have the word 'cart' written in text rather than an icon, in the same formatting group as my navigation, with the cart amount next to it, ideally in the same formatting, like here: https://www.ssense.com/en-gb/women?gclid=Cj0KCQiA-eeMBhCpARIsAAZfxZCpDSTEbu1kRsUZvwaFJOmROnVLNnJKtlQ_MPONfk4D0HuKQ_Qr6J8aAv31EALw_wcB
but with 'cart' or any other text in the place of 'shopping bag'. 

Thanks so much for your time or any help you can give.