Spacing options in header after update 2.0 disappeared

[MaartenPex]

Dear Support team,

After I updated Neighborhood theme to 2.0. The spacing options in the theme settings disappeared.

Could you help me on this matter since I have some alterations I want to put through.

Regards,

Maarten

[snarfe]

I too am having a similar problem: http://www.monkind.com

since update the logo now sits over the menu bar. before update i had no customizations, and had simply uploaded the logo through the standard theme option > header options. I have tried deleting the logo and re-uploading, checked all settings within theme option > header options, all to no avail. Need help desperately as my site looks amateur at the moment!! please fix this!

[konoandorca]

I’m having problems aswell.
Way to much whitespace above and under my logo since the update.
Please fix this ASAP

http://www.konoandorca.com

[snarfe]

from Ed: http://www.swiftideas.com/forums/topic/neighborhood-v2-0-now-available/

“Improved header logo / menu height adjustment based on logo size, now set automatically based on the logo image size”

Though, how is it possible that the logo, which is in the header, automatically adjusts and extends out of the header to cover my menu up?

I also don’t understand this, which seems the most relevant (and newest) in: Theme Options > Header Options :

“Please enter the width of your logo here (standard size), so that it is restricted for the retina version. Numerical value (no px).”

It’s set to “0” my standard, I’ve tried various numerical values, though my logo only go even lower over the menu or disappears completely. If we need to enter logo width than surely logo height is also important?

Have checked different browsers, all the same…interestingly on a tablet (landscape view) the logo doesn’t extend over the header, rather is cut off where the header ends….have just started to get the site how i want it and orders are coming through more regularly…..please help!

[snarfe]

screenshots

Attachments:

You must be logged in to view attached files.

[flobaby]

This might help anyone with excess vertical space, I posted it in the thread I started today and have marked as “resolved”. The numbers will need to be adjusted to suit, but these 3 elements did the trick for me (in particular the first 2, the third one was to center my nav menu vertically):

#header-section.header-4 #logo > a.logo-link, #header-section.header-5 #logo > a.logo-link {
height: auto;
}
#header-section.header-4 {
margin-top: -15px;
margin-bottom: -20px;
z-index: auto;
}

#header-section.header-4 #header nav#main-navigation ul.menu > li, #header-section.header-5 #header nav#main-navigation ul.menu > li, #header-section.header-4 .header-right nav ul.menu > li, #header-section.header-5 .header-left nav ul.menu > li {
line-height: 100px;
}

[konoandorca]

Thanks for the help, but this isn’t doing anything for me…
Are there any site specific lines in your code that i’m missing?

Thanks

[snarfe]

as posted in the other thread:

this worked for me, although the code should obviously be updated depending on which header you use. I use header 2, so in the code just switched all instances (in the first and second code) of “header-4” to “header-2”

#header-section.header-2 #logo > a.logo-link, #header-section.header-5 #logo > a.logo-link {
height: auto;
}
#header-section.header-2 {
margin-top: -15px;
margin-bottom: -20px;
z-index: auto;
}

#header-section.header-4 #header nav#main-navigation ul.menu > li, #header-section.header-5 #header nav#main-navigation ul.menu > li, #header-section.header-4 .header-right nav ul.menu > li, #header-section.header-5 .header-left nav ul.menu > li {
line-height: 100px;
}

thanks flobaby!

a fix at the next update would be nice though, as flobaby said, this code didn’t work in the child css, so will be removed at the next update anyway…

[konoandorca]

Of course 🙂
I’m an idiot!
Thanks guys.

Still not having satisfactory results though.
Why is there reference to 2 header types (4 & 5) in the second piece of code?

[Kyle – SUPPORT]

Great, thanks @snarfe

– Kyle

[konoandorca]

This reply has been marked as private.

[Swift Ideas – Ed]

Hey guys,

These options were removed in order to simplify the process, as requiring you to manually set a margin to the top of the menu to center it with the logo wasn’t a good solution.

The theme now takes the logo height, adds padding and then applies this height across the logo section of the header (to the navigation too if in that version of the header).

As of 2.00, the padding value is filterable with some code in your child theme functions.php file, but I’m just going through adding this as an option in your options panel, as well as an override for the height of the logo – so that you have full control.

If you leave your email in a private reply here, I’ll happily send you over a new build with these options in within the next hour.

@snarfe – it seems your logo isn’t returning a height to the theme – if you try re-uploading it that may resolve it, else you will be able to set the height with this new build.

Apologies for the varied effect this has had – but I promise it is a MUCH cleaner and manageable solution.

Thanks,

– Ed

[konoandorca]

This reply has been marked as private.

[Swift Ideas – Ed]

@konoandorca – sent.

[snarfe]

This reply has been marked as private.