Title: Header area
Last modified: August 30, 2016

---

# Header area

 *  Resolved [hckyman96](https://wordpress.org/support/users/hckyman96/)
 * (@hckyman96)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/header-area-3/)
 * Is there a way to center everything in the header? I would like the email, social
   media, logo and menu to all be centered above the slider.
 * Also, by doing this, I’m hoping to make the logo larger (approx. 300 x 105). 
   Any help with that will also be appreciated.
 * Thank you!

Viewing 8 replies - 1 through 8 (of 8 total)

 *  [weblizar_support](https://wordpress.org/support/users/weblizar_support/)
 * (@weblizar_support)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/header-area-3/#post-6305246)
 * Hi,
 * Please provide website URL first.
 * Then Go to Appearance Menu >> theme option >> General Option.
 * Now set custom Logo heigt and width as you want.
 * Save the changes.
 * Thanks
 *  Thread Starter [hckyman96](https://wordpress.org/support/users/hckyman96/)
 * (@hckyman96)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/header-area-3/#post-6305305)
 * the url is vincentigneri.com/wordpress
 * before I center the header, I would really like to have my logo be even with 
   the menu bar so there is not so much white space at the top. If it can fit in
   the area where the guardian logo is in the original theme, that would be perfect.
 * I put the logo in the header image section. When I load the logo into the theme
   option section, it disappears, even when I change the size.
 * Thanks again for your help
 *  [weblizar_support](https://wordpress.org/support/users/weblizar_support/)
 * (@weblizar_support)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/header-area-3/#post-6305309)
 * Hi,
 * Create a “Child-Theme” first.
 * Now create a “header.php” file into your “Child-Theme” directory.
 * Now copy the code from this [LINK](http://pastebin.com/RRWgBGLj) and paste into“
   header.php” file of your
 * “Child-Theme” directory.
 * Now save the changes.
 * Thanks
 *  Thread Starter [hckyman96](https://wordpress.org/support/users/hckyman96/)
 * (@hckyman96)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/header-area-3/#post-6305329)
 * I created a child theme and entered the code from the above link into header.
   php but nothing has changed. The header looks the same as it has.
 *  [weblizar_support](https://wordpress.org/support/users/weblizar_support/)
 * (@weblizar_support)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/header-area-3/#post-6305353)
 * Hi,
 * Now Write below CSS rules into custom CSS editor:
 * **.right img {
    margin-top: 0px !important; margin-bottom: -60px !important; }
 * Now save the changes.
 * Thanks
 *  Thread Starter [hckyman96](https://wordpress.org/support/users/hckyman96/)
 * (@hckyman96)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/header-area-3/#post-6305364)
 * Perfect! Thank you!
 *  Thread Starter [hckyman96](https://wordpress.org/support/users/hckyman96/)
 * (@hckyman96)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/header-area-3/#post-6305365)
 * It looks great on desktop but on mobile, the logo is covering the email address.
   Is there a way to move the email address down on mobile only?
 * Thanks again
 *  [weblizar_support](https://wordpress.org/support/users/weblizar_support/)
 * (@weblizar_support)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/header-area-3/#post-6305373)
 * Hi,
 * Write below CSS rules into Custom CSS editor:
 * _[ Moderator note: code fixed. Please wrap code in the backtick character or 
   [use the code button](http://codex.wordpress.org/Forum_Welcome#Posting_Code).]_
 *     ```
       @media only screen and (min-width: 480px) and (max-width: 767px){
       	.navbar-toggle {
       		padding: 5px 5px 27px !important;
       	}
       	.right img {
       		display: block;
       		height: auto;
       		width: 100%;
       	}
       }
       @media only screen and (max-width: 479px){
       	.navbar-toggle {
       		padding: 5px 5px 27px !important;
       	}
       	.right img {
       		display: block;
       		height: auto;
       		width: 100%;
       	}
       }
       ```
   
 * Now save the changes
 * Thanks

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Header area’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/guardian/4.66/screenshot.png)
 * Guardian
 * [Support Threads](https://wordpress.org/support/theme/guardian/)
 * [Active Topics](https://wordpress.org/support/theme/guardian/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/guardian/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/guardian/reviews/)

 * 8 replies
 * 2 participants
 * Last reply from: [weblizar_support](https://wordpress.org/support/users/weblizar_support/)
 * Last activity: [10 years, 11 months ago](https://wordpress.org/support/topic/header-area-3/#post-6305373)
 * Status: resolved