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

WP SITES

2669

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Tutorial Requests
  • Contact
  • Videos
  • Tags
  • Log in

Premium Member? - Request custom code

Remove Header Image & Display Site Title On Mobile Screens

This tutorial is based on this question:

My header image is detailed so it looks strange when scaled down on mobile devices. I’m looking into 2 options:

1. Removing the header image when viewed on mobile.
2. Replacing the logo with a text title when viewed on mobile.

remove-logo-mobile

The solution in this tutorial assumes your header image was added using the custom header function included in your child themes functions file and accessible on the front end via the customizer.

If your theme doesn’t include the custom-header code, you can simply add it to your child theme using the working example below.

Here’s the simple steps you need to take:

Register for full access

Related Tutorials

  • 3 Ways to Remove Your Header Image From Your Header

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Brad Dalton Specializes In Genesis child theme customization & code modification. Read More…

Learn PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems