Abdul_Makodiya 0 Share Posted August 27, 2020 Site URL: https://www.cherrycouture.co.uk/sample-sale I achieved my desired effect of having a sticky product description, this effect only looks good with a stacked image gallery. However i do not wish to have a stacked image gallery for the mobile site, i wish to have the slideshow as it has a stronger reading for the audience when on mobile site. I haven't found a specific code that can change the product gallery just for mobile. If anyone can have a look and see if they can have a code that can help this. If you like the sticky product description let me know i can send you the code. Thanks Link to post
tuanphan 9,334 Share Posted August 28, 2020 Edit your code to this @media screen and (min-width:641px) { nav.ProductList-filter { position: -webkit-sticky; position: sticky; top: 0 } } You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
Abdul_Makodiya 0 Author Share Posted August 31, 2020 (edited) this is the desktop version and has a stacked gallery which is what i want this the mobile version but i don't want the gallery to be stacked, i want it to be a slideshow. A code for the variation when the media screen is on mobile for it to be a slideshow would be great. Edited August 31, 2020 by Abdul_Makodiya Link to post
tuanphan 9,334 Share Posted August 31, 2020 I think you need a lot of code (CSS, JavaScript) to solve this. I have no ideal now. creedon 1 You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment