Printz

@tuanphan are you still able to assist? thanks so much!

Just to add. Now i have added your code, the carousel on the services page now looks too narrow again (as the code is now applying to homepage only). Basically the code above fixes the issue with the carousel on both services and homepage (can i specify both?) The 3rd carousel on the process page requires something different. it's as though the text box and text itself needs to be smaller so it does not fill the entire screen on certain devices. Below i have screenshot the issue with both the process and services carousels in mobile view. You can only see the issue with the 'process' carousel in dev tools in chrome

Yes my original code worked, but I don't know how to specify that i only want that coding to apply to carousel on homepage. Other carousel is on this page: https://www.opalskydigitaldesigns.co.uk/process That's the one that looks bad on mobile view. So does the carousel on https://www.opalskydigitaldesigns.co.uk/services

Hi, I am trying to custom code the carousels on our website to still look good in mobile view. I coded the one of the homepage using help from this forum and that looks way better now. However the code doesn't specify which carousel and we have another on the 'process' page which is being affected. The code i used for the homepage was: /* Change width text carousel */ @media only screen and (max-width:767px) { .list-item-content__description, .list-item-content__title{ max-width:90% !important; } } /* Change photo size carousel */ @media screen and (max-width:767px) { .user-items-list-item-container[data-section-id="63849fb9df9a71511819bbb4"] .user-items-list-carousel__media-container { width: 70% !important; } } I want to a) Change the above code to target only the homepage carousel b) change the carousel on the 'process' page to look better, the background image is blurry and you can't see it, the writing is too big and the formatting just generally looks off. Also i keep seeing replies specifying the block id but the plug-in I am using doesn't show me block id for the carousel, only data section id? Is there an easy way to know what different components are called? e.g. '.user-items-list-carousel__media-container ' (I am trying to learn coding at the same time but lots to learn!) Thanks! P.s have included screenshot of the carousel i need to change, it looks fine on squarespace mobile view but on an actual phone with smaller screen it doesn't

it is above sorry, lisahood.co.uk

Hi, I have tried the above code but nothing seems to be changing the drop down font size on my site, do you have any ideas?

no not solved, you can only see the button placement/alignment is in the wrong place on certain devices

Hi, I have been trying to reposition all the buttons on this site to appear with the correct spacing and not to overlap the text etc but am having issues as many components look fine when in mobile editing view on squarespace but then when i view on my phone (Samsung s22) the alignment is actually completely out. Furthermore once I have managed to get it looking correct on my device I check on another (samsung s10) and the alignment is off again. It seems that if it looks good on one device, it looks bad on another. I haven't even checked an iphone yet. Is there any way to sort this out - I have attached some screenshots taken from two devices. Pw for site is Newwebsite2023

Hi, I have been trying to reposition all the buttons on this site to appear with the correct spacing and not to overlap the text etc but am having issues as many components look fine when in mobile editing view on squarespace but then when i view on my phone (Samsung s22) the alignment is actually completely out. Furthermore once I have managed to get it looking correct on my device I check on another (samsung s10) and the alignment is off again. It seems that if it looks good on one device, it looks bad on another. I haven't even checked an iphone yet. Is there any way to sort this out - I have attached some screenshots taken from two devices. Pw for site is Newwebsite2023