kellicox90 Posted February 16 Share Posted February 16 Hello! I've added a testimonial slider as a Carousel List in a client website, however the sizing on mobile is off. There's far too much space between heading and body, and between body and arrows and I cant seem to find any settings that I can fix this for mobile. Can anyone help? https://alpaca-gar-gyz3.squarespace.com Password is : backandbody123 Link to comment
Ziggy Posted February 16 Share Posted February 16 The height (and padding top and bottom) are due to the length of the longest quote. The section stays the same height, so needs to accommodate that and hence the shorter quotes look small. The width and side padding are like that because the quotes are limited to 50% width (25% padding on both sides) we can fix that with some code, and that should help the height as well. Add this to your Custom CSS: @media only screen and (max-width:767px) { .list-item-content__description, .list-item-content__title { max-width:90% !important; } } Let me know if that helps! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment