My header image is hidden on small screens

Sorry, but I don’t understand. When i go to your website and resize my browser, the image – https://www.artkorner.com/wp-content/uploads/2014/02/cropped-logo_site.bmp shows up.
Is this the one you mean?

I also looked at your site on my iPhone and it’s fine. I see the image as it should be.

I’m sorry,

I should have checked it on someone else’s phone before I posted this. Now that you’ve pointed it out I realize it is something to do with my iPhone. I have an older 4s. I’ll check a few other devices, but if you have any ideas why I might be having this problem on my iPhone 4s i’m open to suggestions. It does it in landscape and portrait orientation on my phone. Here’s a screenshot.

https://www.artkorner.com/wp-content/uploads/2014/02/Photo-Feb-09-10-53-01-AM.png

I wonder if it’s because your logo is a bmp file.
Maybe you need to use a gif or jpg?

Or maybe try using width and height instead of max-width or max-height.

Thank you so much! I tried width/height first, but that didn’t work. So I tried re-adding the image as a jpeg and that took care of it! Awesome!