Logobar goes white in IE and other browsers

[stephenoke]

Hi, I have built my site in Chrome and all is good. However, when testing in other browsers including IE on PC and Safari and Chrome on iOS, the logobar goes white after the page break.

As you can probably see from the site, I have added the custom CSS from another thread to achieve the nav with the logo inline and then for the logobar to appear on mobile navigation. As I said, this works great in Chrome and this is exactly what I want in the other browsers.

I have also noticed the colour of the menu items in the nav menu is also not working in the browsers listed above. Thanks for your help in advance!

Site is www.hushbeautycompany.co.uk

[friech]

Hi Steve,

Thank you for writing in, I see that you applied a background-color to the logo bar like this: background-color: #ffffff00; and it seems IE can not read that. Would you mind updating that to background-color: transparent;

I’m referring to this block that is on your child theme’s style.css file.

.x-logobar {
display: block !important;
background-color: #ffffff00;
margin-top:-100px;
border-bottom: 0px solid rgba(0,0,0,0.075);
}

8-digit hex color notation is not supported by IE], this is not the same as rgba()

Cheers!

[stephenoke]

Thanks, worked perfectly! The same issue was with the mobile menu as well - it seems IE and some other browsers only recognise transparency when using an rgba value, not a hex. Thanks for the quick support as always.

[ruenel]

You’re welcome!
We’re glad @Friech were able to help you out.