Hey guys,
My client just pointed out to me that the branding for their site I’ve built gets cut off when viewed in IE and Firefox. I use Chrome, so wasn’t aware of this issue until this morning, I hope you can help.
Please check out the link below and let me know what I can do to fix this.
http://www.regentsparkhealthcare.com/
Thank you!
Hi PSBakh
Apologies for the hassle. This will be resolved in the next version. Please, try adding the following to a Custom CSS plugin like Simple Custom CSS:
/* Logo */
.site-header .site-branding img {
width: auto;
}Let me know how that goes.
Hi Andrew,
Thank you for the quick response!
Unfortunately the code above didn’t seem to fix the problem.
The issue seems to be in this code:
.site-header .site-branding-container {
max-width: 30%
}
However if I remove it or change the percentage, then the menu bar jumps down and creates a huge amount of white space. Is there anything else I can do?
Sorry about that. I’m unable to replicate in Firefox at the moment. Please, could you try the following and let me know if there is any change:
/* Logo */
.site-header .site-branding img {
max-height: 90px;
max-width: 320px;
}
That seems to have done the trick, only now the menu and logo scaling is fudged up. Any thoughts on how to fix that?
Please, try adding to Custom CSS:
.site-header.scale.fixed .site-branding-container {
max-width: 30%;
}Thanks