• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

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

Authority Pro Theme CSS Grid Columns

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.