Title: Logo Orientation
Last modified: August 21, 2016

---

# Logo Orientation

 *  Resolved [Dave Deep](https://wordpress.org/support/users/needforexcel/)
 * (@needforexcel)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/logo-orientation/)
 * Hi!
 * I just recently made a new logo, but when I upload it on the Website the Space
   above the Social Bar becomes too much in height. I am unable to understand the
   reason.
 * Can anyone help me with this.
 * Screenshots available here –
 * Default Logo –
    [https://www.dropbox.com/s/3vsof82fwt3nviw/Default%20Logo.png](https://www.dropbox.com/s/3vsof82fwt3nviw/Default%20Logo.png)
 * My Logo – (Removed half the logo as it was incomplete)
    [https://www.dropbox.com/s/l4mjiwlvuiikuxy/My%20Logo.png](https://www.dropbox.com/s/l4mjiwlvuiikuxy/My%20Logo.png)
 * Link to my Website – [http://www.NeedForExcel.com](http://www.NeedForExcel.com)
 * Cheers!
 * Deep

Viewing 15 replies - 1 through 15 (of 18 total)

1 [2](https://wordpress.org/support/topic/logo-orientation/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/logo-orientation/page/2/?output_format=md)

 *  [DesignsByTrey](https://wordpress.org/support/users/designsbytrey/)
 * (@designsbytrey)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/logo-orientation/#post-4925066)
 * Hello,
 * This is most likely due to your margin settings for your logo. I would have to
   see the logo when it is on your website in order to find out exactly what the
   problem is.
 * Could you upload it to your website? Just so I may take a look at the code.
 * I overall, love the site. 🙂
 * Onwards and upwards,
    -Trey
 *  Thread Starter [Dave Deep](https://wordpress.org/support/users/needforexcel/)
 * (@needforexcel)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/logo-orientation/#post-4925196)
 * Hi Trey!
 * I’v uploaded the logo on the Website. Can you please take a look at it now?
 * And thank you for the compliment man.
 * Deep
 *  [Styled Themes](https://wordpress.org/support/users/gejay/)
 * (@gejay)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/logo-orientation/#post-4925212)
 * If you are still looking to lessen the spacing, a couple things you can do…with
   your logo, take as much empty white space off the bottom (and/or top) because
   that takes up some. Then the #branding container has a top and bottom padding
   of 12px which you can adjust via css.
 *  [DesignsByTrey](https://wordpress.org/support/users/designsbytrey/)
 * (@designsbytrey)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/logo-orientation/#post-4925235)
 * It’s looking good now. 🙂
 *  Thread Starter [Dave Deep](https://wordpress.org/support/users/needforexcel/)
 * (@needforexcel)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/logo-orientation/#post-4925243)
 * @StyledThemes – Hi, Thanx for the revert. I already have removed any extra spaces
   at the bottom and top, but I still feel the space above and below the logo looks
   bit more.
 * > Then the #branding container has a top and bottom padding of 12px which you
   > can adjust via css.
 * Can you guide me as to how I can get this done? I do not have any knowledge of
   CSS.
 * [@designsbytrey](https://wordpress.org/support/users/designsbytrey/) – Thank 
   You Sir!
 * Cheers!
    Deep
 *  Thread Starter [Dave Deep](https://wordpress.org/support/users/needforexcel/)
 * (@needforexcel)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/logo-orientation/#post-4925244)
 * Also I’d like to know if there is a way to have links in front of the Logo (Home,
   Videos, Blogs, Contact Us etc.)centrally aligned (Vertical).
 *  [DesignsByTrey](https://wordpress.org/support/users/designsbytrey/)
 * (@designsbytrey)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/logo-orientation/#post-4925248)
 * Hey
 * This bit of code with take care of the extra spacing in your header. 🙂
    As for
   your navigation, I’m not sure that I fully understand what you mean.
 *     ```
       #branding {
         padding: 0px;;
       }
       ```
   
 * _**Important**: Just copy and paste this code into the bottom of your Custom 
   CSS or Child Theme style.css so that you won’t lose your changes once you update
   your theme in the future. A Child Theme is the safest and best way to go when
   doing all kinds of modifications._
 * An alternative would be to add code via plugin. I’ve made a [Quick Tutorial](https://www.youtube.com/watch?v=VgdLGi08cO4)
   for you on how to do that.
 * Hope this helps!
 * Onwards and upwards,
    -Trey
 *  Thread Starter [Dave Deep](https://wordpress.org/support/users/needforexcel/)
 * (@needforexcel)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/logo-orientation/#post-4925259)
 * Man thats a helpful tutorial and you have an amazing website. I;v already E-mailed
   you for a Quote.
 * I put that code into Simple Custom CSS, however not sure if it did anything..:
   O
 * Thank You for the help none the less
 * Deep
 *  Thread Starter [Dave Deep](https://wordpress.org/support/users/needforexcel/)
 * (@needforexcel)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/logo-orientation/#post-4925260)
 * Can you help me with the second Problem?
 * > Also I’d like to know if there is a way to have links in front of the Logo (
   > Home, Videos, Blogs, Contact Us etc.)centrally aligned (Vertical).
 *  [DesignsByTrey](https://wordpress.org/support/users/designsbytrey/)
 * (@designsbytrey)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/logo-orientation/#post-4925267)
 * Hey Deep,
 * It was a subtle change that the code made. It just took care of the 12px padding
   that StyledThemes was referring to. 🙂
 * We can go ahead and attack the other menu issue, but first, is this the look 
   you are going for? [Screenshot](http://screencast.com/t/1yotxsCe0)
 * I’m glad the video helped you out, and thanks for the feedback and request. I
   will get back to you on that soon
 * Cheers!
    -Trey
 *  Thread Starter [Dave Deep](https://wordpress.org/support/users/needforexcel/)
 * (@needforexcel)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/logo-orientation/#post-4925269)
 * Hi Trey!
 * Not exactly. I want the Logo to be aligned with the Word “Home” on the Left side,
   and on the Right Side, the Dropbox Icon (or whichever the right most icon is)
   should be in line with the Google plus icon.
 * Deep
 *  [DesignsByTrey](https://wordpress.org/support/users/designsbytrey/)
 * (@designsbytrey)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/logo-orientation/#post-4925275)
 * Hey Deep!
 * I would suggest creating a child theme in order to accomplish this. The reason
   being, is that your YouTube and Dropbox icons are actually within the same un-
   ordered list element as your navigation.
 * This can be achieved via CSS by adjusting your margins and paddings, however,
   It would interrupt the responsiveness of your website. I’m sure you don’t want
   that.
 * After creating a child theme, I would copy over your header.php to your child
   theme folder and then add a “div” element into your header to place the two icons.
   After this is accomplished I can use CSS for the exact styling that you prefer.
   🙂
 * -Trey
 *  Thread Starter [Dave Deep](https://wordpress.org/support/users/needforexcel/)
 * (@needforexcel)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/logo-orientation/#post-4925282)
 * Hi! Do you think I will be able to do that? Considering that I have no knowledge
   what so ever of CSS as well as child themes.. 🙁
 * What would you suggest?
 *  [DesignsByTrey](https://wordpress.org/support/users/designsbytrey/)
 * (@designsbytrey)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/logo-orientation/#post-4925283)
 * Hey Deep,
 * Creating a child theme isn’t as difficult as you think. Here is the [DOCUMENTATION](http://codex.wordpress.org/Child_Themes)
   on how to create one.
 * You just gave me a great idea for a tutorial this week, thanks. 🙂
 *  [Styled Themes](https://wordpress.org/support/users/gejay/)
 * (@gejay)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/logo-orientation/#post-4925285)
 * Actually, this theme has a child theme already made. It’s located in the theme
   folder “child-theme” that you can install and activate. Please be aware though
   that once you activate it, WP will see it as a new theme and any theme options
   and settings, widgets, etc, will not be inherited to the child theme version 
   of Celestial Lite

Viewing 15 replies - 1 through 15 (of 18 total)

1 [2](https://wordpress.org/support/topic/logo-orientation/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/logo-orientation/page/2/?output_format=md)

The topic ‘Logo Orientation’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/celestial-lite/3.5.8/screenshot.
   png)
 * Celestial - Lite
 * [Support Threads](https://wordpress.org/support/theme/celestial-lite/)
 * [Active Topics](https://wordpress.org/support/theme/celestial-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/celestial-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/celestial-lite/reviews/)

## Tags

 * [logo](https://wordpress.org/support/topic-tag/logo/)

 * 18 replies
 * 3 participants
 * Last reply from: [Styled Themes](https://wordpress.org/support/users/gejay/)
 * Last activity: [12 years, 3 months ago](https://wordpress.org/support/topic/logo-orientation/page/2/#post-4925288)
 * Status: resolved