designhalffull Posted June 9, 2020 Share Posted June 9, 2020 Site URL: https://breakwaterpools.com I have a stacked version of the logo that I would like to use on mobile. I was able to hide the current logo with CSS but I'm not sure how to make the alternate logo show up. Any advice much appreciated. https://breakwaterpools.com Link to comment
tuanphan Posted June 9, 2020 Share Posted June 9, 2020 Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .header-title-logo img { visibility: hidden; } .header-title-logo a { background-image: url(https://beaverhero.com/wp-content/uploads/2019/07/coffee-beans-1082116_640-min.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; } } replace with new logo url 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
GHG Posted July 17, 2020 Share Posted July 17, 2020 Hi, I tried the same code on the template I'm working on (falodu) and it hides the logo used on desktop but unfortunately it doesn't show up the alternative logo for mobile...any ideas how to go around it? Link to comment
tuanphan Posted July 18, 2020 Share Posted July 18, 2020 13 hours ago, GHG said: Hi, I tried the same code on the template I'm working on (falodu) and it hides the logo used on desktop but unfortunately it doesn't show up the alternative logo for mobile...any ideas how to go around it? Can you share link to your site? We can check easier. 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
GHG Posted July 22, 2020 Share Posted July 22, 2020 Hey, thank you for getting back to me! I sent you a link in a private message as the site is still not live yet. Thank you again, really appreciate your help 🙂 Link to comment
anna_ Posted August 18, 2021 Share Posted August 18, 2021 On 6/10/2020 at 5:50 AM, designhalffull said: Site URL: https://breakwaterpools.com I have a stacked version of the logo that I would like to use on mobile. I was able to hide the current logo with CSS but I'm not sure how to make the alternate logo show up. Any advice much appreciated. https://breakwaterpools.com I would love to hide my mobile logo on a handful of pages - do you have the code for this you could share please? 🙂 Link to comment
tuanphan Posted August 22, 2021 Share Posted August 22, 2021 On 8/18/2021 at 3:14 PM, anna4 said: I would love to hide my mobile logo on a handful of pages - do you have the code for this you could share please? 🙂 Hi. Which page you want to hide logo? Each template will need a different code 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.