Docs

[JW & Co.]

Hello,

I was trying to make a lot of customizations to the logo in the header of http://www.homeandhealthy.joshuaweatherstone.com. I have given up on the original style in favor of a centered logo above the navigation.

Please tell me
1. How to center the logo (theme issue or conflict with previous code?), and also
2. how to maintain a 20px margin above the logo?

Thanks,
Josh

[Nico]

Hi There,

Thanks for writing in.

1. To center logo, go to customizer > Header > LOGO AND NAVIGATION > Layout: Stacked

2. To adjust spacing above logo, go to customizer > Header > LOGO AND NAVIGATION > Logobar Top Spacing (px)

Hope it helps.

Let us know how it goes.

THanks.

[JW & Co.]

Hello,

Thank you for your response. I am familiar with those settings in the customizer. That is what I have set. The logobar top spacing has started working, but the logo is still not centered. There is aproximately 350px to the left, and 500px to the right of the logo on my screen. That is why I was wondering if it was a theme issue or perhaps a conflict with existing code I have inserted?

Thanks,
Josh

[Joao]

Hi Josh,

That is indeed a strange behavior.

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[JW & Co.]

This reply has been marked as private.

[Christopher]

Hi there,

Please resize the logo, currently it’s very large, see : http://homeandhealthy.joshuaweatherstone.com/wp-content/uploads/2016/07/Home-and-Healthy.png

Also logo alignment issue is present in all pages, after uploading new logo, please clear cache and check again.

Hope it helps.

[JW & Co.]

Hello,

I just checked, and the alignment issue is not present on all the pages – only the first page. If you are seeing it on other pages, please provide a screenshot as I am not observing it anywhere else.

I resized the logo as you suggested, but I am still seeing the alignment issue on the first page. Please advise.

Josh

[Joao]

Hi Josh,

This code is generating the issue:

.home .topbar-tel {
display: block !important;
}

Hope that helps

Joao

[JW & Co.]

Dear Joao,

That code is important for the effect it achieves. Why is that code affecting the navigation when the class is applied within the topbar? Suggestions on how to center the home page content AND still keep my topbar as is?

THanks,
Josh

[Rupok]

Hi Josh,

Your custom code is causing this because it has margin on it that’s pushing the Navbar as well. To fix this, you can update your code a bit :

.home .topbar-tel {
  display: block !important;
  margin-bottom: 0;
}

Cheers!

[Author]

Posts