Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #294167

    Hi,

    I read through this topic http://www.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.

    #294378

    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(http://yourdomain.com/mobile-logo.png);
    }}

    Cheers!
    Yigit

    #294701

    Hey Yigit,

    Worked Perfectly! Thanks for your help. Excellent as always!

    Cheers, Llewyn.

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Responsive background header/logo’ is closed to new replies.