1_Caveman_Mashing_Buttons- Posted February 4, 2022 Posted February 4, 2022 Site URL: https://www.ericklistman.com Hello everyone! I'm having trouble switching my Carousel List Display on Mobile to show TWO ITEMS instead of one. I've combed through the forums and tried a few different solutions offered there but none of the CSS affects my display on mobile version. The problem is that if it only shows one display, older people visiting the site don't intuitively understand that they need to scroll through the carousel and it drives them toward the menu... I want them to hang around the homepage for a bit and look at the content there before navigating to the secondary pages. I would very much appreciate help with this issue. I'm on a personal plan for 7.1 so I don't have access to code injection. This is on homepage (not sure it makes a difference). I mention it because I was reading that this is not possible to do on cover pages for Squarespace 7.0 so I thought it might be important to mention. This community is amazing! Thanks for all your help, I've been able to customize some things through CSS and look forward to learning more to make my website more dynamic. Thank you for helping! My URL is: https://www.ericklistman.com Here are examples of how the website displays (which I'm sure everybody knows!). Just sharing for others who might have similar issues:
Solution 1_Caveman_Mashing_Buttons- Posted February 7, 2022 Author Solution Posted February 7, 2022 Soved! With solution from @tuanphan in a different post for custom CSS: /* Mobile list carousel */ @media screen and (max-width:767px) { body.homepage ul.user-items-list-carousel__slides { grid-template-columns: repeat(2,1fr) !important; } }
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment