Logo Orientation

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

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

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.

It’s looking good now. ??

@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 – Thank You Sir!

Cheers!
Deep

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).

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 for you on how to do that.

Hope this helps!

Onwards and upwards,
-Trey

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

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).

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

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

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

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

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?

Hey Deep,

Creating a child theme isn’t as difficult as you think. Here is the DOCUMENTATION on how to create one.

You just gave me a great idea for a tutorial this week, thanks. ??

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