zoltar451 Posted November 10, 2020 Share Posted November 10, 2020 Site URL: https://jules-hunt.com/ Hi I recently customised the thumbnails on my website (in Kester template). However, on iPad and iPhone, the project names no longer appear when you roll over a thumbnail. Can someone help? Link to comment
Beyondspace Posted November 10, 2020 Share Posted November 10, 2020 1 hour ago, zoltar451 said: Site URL: https://jules-hunt.com/ Hi I recently customised the thumbnails on my website (in Kester template). However, on iPad and iPhone, the project names no longer appear when you roll over a thumbnail. Can someone help? I missed it in the last support, could you find this text on custom css and update accordingly? Old code: .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item:hover .portfolio-overlay { opacity: 1; } New Code to replace it: .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item:hover .portfolio-overlay, .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item:hover .portfolio-text { opacity: 1 !important; } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
zoltar451 Posted November 10, 2020 Author Share Posted November 10, 2020 Thank you! That works perfectly. Thanks so much for your help! Link to comment
tuanphan Posted November 11, 2020 Share Posted November 11, 2020 @zoltar451 I see homepage footer on tablet, has a big white space at the bottom. You can add this to Design > Custom CSS to remove it /* remove footer white space */ @media screen and (max-width:991px) and (min-width:768px) { [data-section-id="5f849997acf3bf0e7c5100d2"] { display: none; } } Also, nav menu has 2 items only, you can consider use desktop menu on tablet Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.