Metro Pro Different Header Image For Mobiles

Metro Pro Different Header Image For Mobiles

Author: WP Sites

Date: February 28, 2020 

Category: Theme development, Tips and tricks, Tutorials

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.

Metro Pro Mobile Header Image

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.

Demo Video


World of WordPress is hosted by: Build Your Site on the Fastest WordPress Platform

With Rocket, your websites will be blazing fast, always protected, and supported 24/7 by our experts with over 17 years of experience.