• 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

Different Logo For Desktop and Mobile – Outreach Pro

This download folder contains the code which enables you to use a different logo on mobiles to the default image which is only shown on desktops.

On top of this, both images are centered so any text in your logo will always display in the center of your header.

Watch the following demo video to see how it works :

Demo Video #

Shows the desktop header image displayed above 600px and the mobile.png image from your images folder displaying on smaller screens.

Code Installation #

There’s 5 steps :

Step 1 – Modify the default PHP between lines 43 – 44 to match the width and height of your desktop logo which is 1140px width by 180px height.

In this example, the desktop logo dimensions match the values set in the above function.

Step 2 – Upload an image named mobile.png to the Outreach Pro themes images folder. The image you add using Customize > Header Image will be displayed on desktops.

Register for full access

Related Content

  • Different Sized Header Image On Mobiles Using Infinity Pro
  • Change Custom Header Image For Mobiles In Gallery Pro

Header Image

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.