Text background on IE / hide on mobile

Do you still need help with this?

Sorry for the delayed response.

Thanks

Syam

Hi Syam!

It’s ok. Still need help, haven’t figured it out – the text background anyway, sorted out the mobile problem ??

Thanks!

The background is black and text is white. Which color are you trying to fix?

Thanks

This is how it looks on IE (within the yellow box):

https://i61.tinypic.com/2ziph55.png

Which version of IE are you using?

IE9…
Thanks ??

That is because IE9 doesn’t have CSS3 support. Use the following custom CSS to apply the background.

#wpfront-notification-bar, #wpfront-notification-bar table, #wpfront-notification-bar tr, #wpfront-notification-bar td {
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=’#888888′, endColorstr=’#000000′);
}

If you decided to change the background color, change the color codes.

Wow, thanks Syam!! It worked ??

Thanks a lot, have a wonderful day!

Great ??

Hi again Syam!

I thought I had it sorted but for some reason, I still can’t seem to hide the bar on mobile devices.
I used this code:

@media (max-width: 991px) { {
	 #wpfront-notification-bar-spacer, #wpfront-notification-bar.wpfront-fixed, #wpfront-notification-bar-spacer {
	 	 display: none !important;
	 }
}

but it still shows up. What can I do?

Thanks ??

I do not see a display: none applied on the bar when opened in chrome debugger. Try just with “#wpfront-notification-bar”.

Thanks

Hi Syam!

Still no luck ??

I’m not able to reach the site URL anymore. Can you send the new URL? Thanks

Hi Syan!
Sure, we switched it to a new domain – https://www.biggiebest.co.il
Thanks!