change the header image for a mobile

  • Hi there,

    Could anyone please help me to change the image of the header for a mobile device? I am using the Flawless theme, and because I have uploaded a whole header image to the logo area in the theme settings, it looks terrible on mobiles. I want to just display the logo (a separate image) and not the rest of the header on mobile devices. Could you please help me by showing me the CSS, I need to make this possible?

    https://littlesnail.com.au/

    Thanks very much!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Add this to the end of your child theme’s style.css file:

    @media only screen and (max-width: 767px) {
   .gdlr-logo img {
      content: url(https://littlesnail.com.au/wp-content/uploads/2015/06/logo.jpg);
   }
}

    Substitute the value for the URL with the actual path to the logo you want displayed.

    Thread Starter softsleepysounds

    (@softsleepysounds)

    Thanks so much Crouching. It worked like a dream and you are a star!

    Many thanks again ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘change the header image for a mobile’ is closed to new replies.