Logo padding is different in Firefox

[neilswaab]

Hi,

I just noticed my logo padding is different in Firefox. In Chrome and Safari the padding matches, but in Firefox there is extra padding on the top and bottom. Any suggestions for fixing? Website: neilswaab.com.

Thanks,

Neil

[Kyle – SUPPORT]

Hi

Have you set the padding in Theme Options > Logo Options?

– Kyle

[neilswaab]

Yeah, I’ve tried setting padding to 0 and just leaving it blank. Doesn’t seem to affect it either way. If it matters, I’m using a text logo and not an image.

[Kyle – SUPPORT]

This should sort it:

#logo .text-logo {
  display: block;
}

– Kyle

[neilswaab]

Thanks. Unfortunately, that doesn’t work. The top padding is fine, but now the bottom padding is huge.

[Kyle – SUPPORT]

I will get the developer to check this for you

– Kyle

[Swift Ideas – Ed]

Hi there,

If you add this custom css, that should set it to how you’d like:

.browser-ff #logo a {
    height: 42px;
}

Hope that helps.

– Ed

[neilswaab]

Thanks! This works!

[Kyle – SUPPORT]

Great, thanks Ed

– Kyle