While working on converting an outdated website to be more responsive I came across a concern with the website header. The client wants to keep their large graphic (both image and text are 1, not 2 separate entities) for the header from desktop to mobile.
The image is readable at the desktop level but appears difficult to view at the mobile level. I thought about changing the image to a web font (while using media-queries) at the mobile level but thought it would be confusing to users if there was a large graphic at the desktop level and just text at the mobile level. Can website headers change from image to a web font across devices?
The client also wants to change header colors from blue at the desktop & tablet level to green at the mobile level. Shouldn't the colors remain the same across various devices?