seandufrene Posted January 6 Posted January 6 Hi everyone, happy new year! Does anyone know how to disable captions for mobile devices, but keep them on for desktops? (see attached example) It cuts off on mobile devices, making it look bad. According to Squarespace customer service, this needs to be a custom code solution. Any suggestions? Thanks.
Web_Solutions Posted January 6 Posted January 6 3 hours ago, seandufrene said: Hi everyone, happy new year! Does anyone know how to disable captions for mobile devices, but keep them on for desktops? (see attached example) It cuts off on mobile devices, making it look bad. According to Squarespace customer service, this needs to be a custom code solution. Any suggestions? Thanks. Can you share your website URL? If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible.
yubrajs Posted January 6 Posted January 6 You can disable the caption by using media query for small screen: @media only screen and (max-width: 428px) { .gallery-caption { display:none !important; } }
seandufrene Posted January 6 Author Posted January 6 12 hours ago, Web_Solutions said: Can you share your website URL? https://www.seandufrene.com
Solution yubrajs Posted January 7 Solution Posted January 7 This code will hide the captions from mobile view: Add this in website tools > custom CSS @media only screen and (max-width: 428px) { .grid-image-wrapper .image-title-desc, .grid-image-wrapper .info-button { display:none !important; } }
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment