Bluemonque Posted April 1, 2021 Share Posted April 1, 2021 Site URL: https://www.rubenvanriel.nl/performance-method I've created the site www.rubenvanriel.nl and use in the header a white logo. I've changed on certain pages (for example: https://www.rubenvanriel.nl/performance-method) the logo because the background is white. I've used this code in the header code: <style> .header-title-logo a { content: url("https://static1.squarespace.com/static/604a2484aa92df0f526d7479/t/604a6076ce3f69737ba12e41/1615487094484/Logo+Ruben+van+Riel_RGB.png"); } </style> I only want to hide the logo for the mobile menu overlay because the logo is not visible anymore on the dark red background. I've tried a few solutions and codes but none of them are working for me. Can anyone help me out? Thanks a million! Beyondspace 1 Link to comment
Solution Beyondspace Posted April 1, 2021 Solution Share Posted April 1, 2021 1 hour ago, Bluemonque said: Site URL: https://www.rubenvanriel.nl/performance-method I've created the site www.rubenvanriel.nl and use in the header a white logo. I've changed on certain pages (for example: https://www.rubenvanriel.nl/performance-method) the logo because the background is white. I've used this code in the header code: <style> .header-title-logo a { content: url("https://static1.squarespace.com/static/604a2484aa92df0f526d7479/t/604a6076ce3f69737ba12e41/1615487094484/Logo+Ruben+van+Riel_RGB.png"); } </style> I only want to hide the logo for the mobile menu overlay because the logo is not visible anymore on the dark red background. I've tried a few solutions and codes but none of them are working for me. Can anyone help me out? Thanks a million! try .header--menu-open .header-display-mobile .header-title-logo { display: none; } herzworks, tuanphan and Bluemonque 1 2 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget 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
Bluemonque Posted April 1, 2021 Author Share Posted April 1, 2021 Thanks @bangank36 this worked perfect! Beyondspace and tuanphan 2 Link to comment
Gigige Posted October 11, 2021 Share Posted October 11, 2021 it doesn't work for me 😞 Do you have another code to hide the title logo ONLY when the overlay menu is open? thanks :) Link to comment
tuanphan Posted October 13, 2021 Share Posted October 13, 2021 On 10/12/2021 at 1:24 AM, Gigige said: it doesn't work for me 😞 Do you have another code to hide the title logo ONLY when the overlay menu is open? thanks :) Try this. If it doesn't work, please share site url body.header--menu-open a#site-title { visibility: hidden !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
SarahEnglish Posted August 17, 2022 Share Posted August 17, 2022 hi there, I have tried all of these codes but nothing is working... Am I placing in CSS or Header? I have tried both options but the logo is still displaying in the mobile menu overlay.. Is the first header code in the initial question required also? I am using 7.1 Any other advice? Link to comment
tuanphan Posted August 18, 2022 Share Posted August 18, 2022 On 8/17/2022 at 12:20 PM, SarahEnglish said: hi there, I have tried all of these codes but nothing is working... Am I placing in CSS or Header? I have tried both options but the logo is still displaying in the mobile menu overlay.. Is the first header code in the initial question required also? I am using 7.1 Any other advice? Try this CSS body.header--menu-open header#header img { visibility: hidden !important; opacity: 0 !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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