Adding 2nd content area in header.

[Karlson Rapp]

Hi Bill,
We love the theme and our site is up and running.
I want to add a second content are in the header to show some additional contact information on the right side of the header. How hard would that be and could I also add in a field into the Customizer to edit the new content are?

Thanks
Karlson

[Bill Robbins]

Hello Karlson,

Glad to hear the theme is working out for you. Great question too. You can add in content to the right hand side of the header. It’ll be quite a bit easier to just edit the header itself. Here’s how I would suggest going about it:

1. Go to the Appearance section in your WordPress dashboard and choose Edit.
2. From the list of files on your right, choose header.php.
3. Locate this line:

   
   <div id="navigation" class="clearfix">
   

   Right above that, add this:

   
   <div id="extra-content" class="clearfix">
   
   	<p>Your extra content</p>
   
   </div>
   

4. Replace the Your extra content with the text/html you’d like to have there.
5. Save your changes.

You’ll also need to add some styling to this to help it fit correctly.

1. Go to the Appearance section in your WordPress dashboard and click on Customize.
2. Look down for the advanced section and click on it. Then choose Custom CSS.
3. In the box there, add this:

   
   @media only screen and (min-width: 768px) {
   
   	#extra-content {
   		float: right;
   	}
   
   }
   

4. Save your changes.

We may have to tweak that just a bit, but that should get you started. Let me know if you have questions.

Take care,
Bill

[Karlson Rapp]

Great! Thanks Bill! You are the best!

[Author]

Posts