This code replaces the desktop header image with a smaller mobile version on smaller screens. This way your header image is not cutoff and displays clearly on hand held & mobile devices.
You can also display the content of the header right widget below your header image on or hide it on smaller screens.
Note : The solution in this tutorial will work in any version of the Metro pro child theme by StudioPress.
World of WordPress is hosted by:
With Rocket, your websites will be blazing fast, always protected, and supported 24/7 by our experts with over 17 years of experience.