Tagged: background, enfold, logo, mobile
Hi,
I read through this topic https://kriesi.at/support/topic/separate-logo-image-for-mobile/ and applied the code to quick css however i couldn’t get it to work.
I’m using 1 header background image to display all the logos, text and phone number and then Im using a blank png a my logo so that i retain the homepage link in the header (if that makes sense?). I’m happy with this setup and how the site displays for desktop and tablet, however I want to be able to display the Stihl Huonville logo correctly when viewed on mobile ( currently it runs over the edges)
Thanks, Llewyn.
Hi glooadvertising!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and change the link to your logo
@media only screen and (max-width: 480px) {
.header_color .header_bg {
background: url(https://yourdomain.com/mobile-logo.png);
}}
Cheers!
Yigit
Hey Yigit,
Worked Perfectly! Thanks for your help. Excellent as always!
Cheers, Llewyn.