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

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Site Title Over Full Width Header Image & Logo Floated Right

This tutorial shows you how to add a mobile responsive, full width image to the site header of the News Pro child theme by StudioPress.

On top of this, there’s code to add your logo in the header right position and display the site title and tagline at the sam time. You can even link the logo to a custom URL.

Here’s the result:

This solution will work on most Genesis child themes.

Here’s the demo video showing the mobile responsiveness.

Demo Video

The video shows how the logo is floated right and centers under the site title and description on smaller screens widths.

Here’s the code for logged in members:

Register for full access

Related Tutorials

  • Logo Over Full Width Header Image

Header Image News Pro Theme

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

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