HMagorRoberts

@tuanphan yes it looks fine on desktop but on mobile i want the image to be the same ratio but it converts to landscape and crops the image. The code you gave me squashes it on mobile, i attached screenshots on the thread.

@tuanphanThank you @tuanphan. I don't suppose you know why my description copy is black on this page? https://nahinc.co.uk/earrings/p/beaded-daffodil-earrings-xndz5-ynk3w-fry6r all the other pages are the set colour in the theme being pink but only the 'earrings' pages are showing the text as black!

@tuanphan no i took the code off as it was breaking the images, do you need me to add it back in?

@tuanphanThank you @tuanphan. I don't suppose you know why my description copy is black on this page? https://nahinc.co.uk/earrings/p/beaded-daffodil-earrings-xndz5-ynk3w-fry6r all the other pages are the set colour in the theme being pink but only the 'earrings' pages are showing the text as black!

Hi @tuanphan I am having the same issue , all fonts are working perfectly on editing view but on my live mobile site some fonts are appearing incorrectly, example would be the title on this page: https://nahinc.co.uk/bracelets works great on desktop not mobile. My code is: font-face { font-family: 'NEWSAGENT'; src: url('https://static1.squarespace.com/static/63983691f4abd17b78f87f79/t/639844ef1126fe1d05079e74/1670923503916/Newsagent-Regular.otf'); } h1 { font-family: 'NEWSAGENT'; } h2 { font-family: 'NEWSAGENT'; } h3 { font-family: 'NEWSAGENT'; } h4 { font-family: 'NEWSAGENT'; }

@tuanphan the link is here: https://nahinc.squarespace.com/earrings/p/beaded-daffodil-earrings-xndz5-ynk3w-fry6r-hd2a9-wxkcl Thank you!

That worked perfectly for the ratio but its now stretched the images? What it should look like... What has happened:

Hi @tuanphan, I read this thread and the code doesn't seem to work for me. I like the portrait images on my desktop PDP page but on mobile i would like to keep the portrait ratio instead of it going to landscape. are you able to help? I added the below code which helped but it broke my desktop images: /* product images */ img.ProductItem-gallery-slides-item-image { object-fit: initial !important; } .tweak-product-basic-item-gallery-aspect-ratio-32-standard .ProductItem-gallery-slides:before { padding-bottom: 100% !important; } Thanks!

@tuanphan I have created a store page but i would like to duplicate it and amend the products instead of creating a new page and adding each product again. Is this possible? I have attached a screenshot, i would like to duplicate 'bracelets' but amend it...

Site URL: https://www.hayleighmagor.com/ Hi there, I have a similar issue, on DT i have 6 logos in a row but when i look on mobile the logos are stacked 1x1. Could you let me know how i can add CSS to make the logos 2x2 on mobile? Thanks! Hayleigh

This worked great on that page but its not carrying through to any others - https://the-second.co.uk/rachel-gilbert-french-mini-dress

Here - https://the-second.co.uk/ password thesecond Thank you!

here - https://the-second.co.uk/miu-miu-embroidered-organza-dress password is thesecond. Thank you!

Hi @tuanphan I have a similar issue, on mobile I want to hide the main folder and just have the direct page links? So remove this first click: then the burger icon opens this page only: Is this possible? and could i also take off the back button? Thankyou!

Hi there, @tuanphan I added in your above code which worked (thank you!) but i have the black bordered which are still there after adding in the below: .user-items-list-item-container[data-section-id="628d64b57c0c6a0128543652"] a.list-item-content__button.sqs-block-button-element.sqs-block-button-element--medium.sqs-button-element--primary { border: none !important; } Could you help? Thanks!