SelwynGoodman Posted March 6 Share Posted March 6 Hello, Just as the title says. I would like to hide the star icon I listed below on mobile but have it display on desktop. Thank you in the advance! Link to comment
WCS Posted March 6 Share Posted March 6 @SelwynGoodman We can fix that with a little CSS magic! Log into the backend of your website Go to Website > Website Tools > Custom CSS Copy / paste the below CSS and click save @media screen and (max-width:480px) { #block-#######{ display:none }} Please note: This code requires a block # to target the icon. If you share your site, I can update the CSS. As cell phones change, some large phones may show the icon. You can adjust the max with to 770px, which would hide it on some tablet devices as well. mary654849 1 Did I help? Click 👍 or mark it as the solution! This helps others find the answers they need. Meghan | Westerly Creative Studio 🍪 Still need your website policies? Termageddon makes it easy. Get 10% off your first year! (< affiliate link) Link to comment
SelwynGoodman Posted March 6 Author Share Posted March 6 Thank you for the response, yes I would like too please. www.selwyngoodman.co Link to comment
SelwynGoodman Posted March 6 Author Share Posted March 6 It’s showing ‘Syntax Error on line 6’ and no change so I’m guessing I need to share the website to you. if you don’t mean copy and paste the url can you show me how to share too, thank you! Link to comment
Solution tuanphan Posted March 8 Solution Share Posted March 8 On 3/7/2024 at 5:44 AM, SelwynGoodman said: It’s showing ‘Syntax Error on line 6’ and no change so I’m guessing I need to share the website to you. if you don’t mean copy and paste the url can you show me how to share too, thank you! You can use this CSS code @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1709744709073_82335 h1 { visibility: hidden; } } mary654849, SelwynGoodman, jonshon and 1 other 2 1 1 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
SelwynGoodman Posted March 9 Author Share Posted March 9 Thank you tuanphan, it worked! Link to comment
WCS Posted March 14 Share Posted March 14 @SelwynGoodman Oh no, I didn't see your response because you didn't tag me! In the future, click @ and then type the username in. When done correctly, it will appear in a black pill shape like yours does here. Glad @tuanphan got you the finally code! 😊 tuanphan 1 Did I help? Click 👍 or mark it as the solution! This helps others find the answers they need. Meghan | Westerly Creative Studio 🍪 Still need your website policies? Termageddon makes it easy. Get 10% off your first year! (< affiliate link) 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