- This topic has 5 replies, 2 voices, and was last updated 8 years, 4 months ago by Andrew Misplon.
- AuthorPosts
- July 11, 2016 at 12:17 pm #4052
PSBakhParticipantHey 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.
Thank you!
July 11, 2016 at 2:36 pm #4053
Andrew MisplonKeymasterHi 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.
July 11, 2016 at 3:41 pm #4054
PSBakhParticipantHi 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?
July 11, 2016 at 5:55 pm #4056
Andrew MisplonKeymasterSorry 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; }
July 11, 2016 at 8:12 pm #4058
PSBakhParticipantThat seems to have done the trick, only now the menu and logo scaling is fudged up. Any thoughts on how to fix that?
July 12, 2016 at 8:38 am #4063
Andrew MisplonKeymasterPlease, try adding to Custom CSS:
.site-header.scale.fixed .site-branding-container { max-width: 30%; }
Thanks
- AuthorPosts
You must be logged in to reply to this topic.