How do I size a Logo so it displays properly across devices?

[Colin365]

I've uploaded a jpeg graphic logo on this site - www.jordanpriceart.co.uk - which looks fine on laptop and tablet screens, but shrinks to an ineffective image on mobiles. Is there a recommended standard size that would ensure it displays properly on mobiles? Or what else might I consider doing to get this to display correctly? 

Thanks for any guidance you can offer.

Colin

[Adam7 · Accepted solution]

Thanks for posting, @Colin365. With such a large logo image, I'm not sure there's a way to make it look better on a small screen. Hmm... some people will use a header section right underneath their navigation, then use a regular image element with that so the size is larger on small screens. That might be something which would work for you.

[Colin365]

Hi Adam

Thanks for replying ... I suspect that you might be right! I'll have a play with adding a Header below the naviagation bar and deleting the Logo section. I can see that if I make the image the Header's Background image, it will look much more effective (and BIG!).

Thanks for your suggestion and encouragement.

Colin365 

[Adam7]

Not a problem!