Reposition Image Before Title When Mobile Responsive

This coded solution for the Authority Pro child theme by StudioPress, enables you to move the home page image before the title and text on mobile screens rather than the default which shows the image after the content.

CSS image before title text mobiles

The code enables you to change the position of any element when in different columns in any container using CSS.

Demo Video

Shows the home page image in the first section moved to display before the intro text on mobiles.

Tested using the Authority Pro child theme by StudioPress however will work in any theme by changing the selector classes to match for the container and columns 1 and 2.

Installation

There’s only 1 step :

Copy and paste the CSS to the end of your Authority Pro child themes style.css file and clear caching.

Download Folder

Join 5000+ Followers

Get The Latest Free & Premium Tutorials Delivered The Second They’re Published.