Replace Header Image for Mobiles?

QuestionsCategory: Hello FoxyReplace Header Image for Mobiles?
Brett Lee-Price asked 2 years ago

Hi team,
This is a great theme, but our logo doesn’t seem to be the greatest for responsiveness.
Is it possible for us to hide the header image on mobiles, or at least to replace with it with a smaller logo (only for mobile)?

Brett Lee-Price replied 2 years ago

Hi team,

Waiting for a response to this?

2 Answers
Support Team Staff answered 2 years ago

What theme are you using?  Both are possible.  You would not want to hide the logo though on mobile devices.  It would be better to have a different logo show on smaller screens.

Brett Lee-Price replied 2 years ago

Hi!

I’m using HelloFoxy.

I’d be fine showing a different logo as we have one which is just the text. Would you be able to share the relevant code/css for us to be able to do this?

Jennifer Staff answered 2 years ago

You can add this to your additional CSS and modify as needed
 
@media only screen and (max-width: 800px) {
.site-title a {
background:  YOUR IMAGE URL!important;
}
}