-
Posts
10 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by Printz
-
-
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:
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
-
-
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
Change carousel features individually for mobile/tablet view
in Customize with code
Posted
@tuanphan are you still able to assist? thanks so much!