jshears18 Posted November 26, 2021 Share Posted November 26, 2021 I have added some custom code to my logo file to invert its color on certain pages so it's visible. It works perfectly on desktop, but not on mobile. I will past the code I used below. Any help would be much appreciated! <style> .header-title-logo img { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } </style> Beyondspace 1 Link to comment
Beyondspace Posted November 27, 2021 Share Posted November 27, 2021 14 hours ago, jshears18 said: I have added some custom code to my logo file to invert its color on certain pages so it's visible. It works perfectly on desktop, but not on mobile. I will past the code I used below. Any help would be much appreciated! <style> .header-title-logo img { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } </style> Can you share us your site with the protected password to take a look? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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
jshears18 Posted November 29, 2021 Author Share Posted November 29, 2021 @bangank36 I sent you a private message with the info. Thanks! Link to comment
Beyondspace Posted November 29, 2021 Share Posted November 29, 2021 (edited) On 11/29/2021 at 11:00 PM, jshears18 said: @bangank36 I sent you a private message with the info. Thanks! You can try adding to Home > Design > Custom Css .header--menu-open .header-mobile-logo img, body:not(.header--menu-open) #header:not(.black) .header-mobile-logo img { -webkit-filter: invert(100%); filter: invert(100%); } Let me know how it works on your site Press 👍 or mark this answer as solution to help another one too Edited November 30, 2021 by bangank36 clean, full update jshears18 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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
Beyondspace Posted November 29, 2021 Share Posted November 29, 2021 My testing result BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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
jshears18 Posted November 29, 2021 Author Share Posted November 29, 2021 @bangank36 It works on the menu screen, but it's not appearing on the shop or contact page. Is there a code I can use for those? Link to comment
Beyondspace Posted November 30, 2021 Share Posted November 30, 2021 23 hours ago, jshears18 said: @bangank36 It works on the menu screen, but it's not appearing on the shop or contact page. Is there a code I can use for those? Kindly add the following code in your Home > Design > Custom Css to fix logo on shop and contact page body:not(.header--menu-open) #header:not(.black) .header-mobile-logo img { -webkit-filter: invert(100%); filter: invert(100%); } Let me know how it works on your site jshears18 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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
jshears18 Posted November 30, 2021 Author Share Posted November 30, 2021 It works!!! Thank you so much for looking into this for me. Much appreciated. Beyondspace 1 Link to comment
Beyondspace Posted November 30, 2021 Share Posted November 30, 2021 I've just update my previous reply with full solution for both cases For those who may need it BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment