Problem with my home logo

[SENP_Congreso]

Hi! How are you?? I hope you can help me in this!!

I have a logo for all my pages and I two months ago have found in this forum how to change the logo for one page only. As you can see, in my home I need to use the same logo but in white because of my blue background. The thing is with the code I have used all was perfect. Everything seemed to work. But now several people told me that in their iPhones or iPads they don’t see any logo in the home. So I don’t understand why I can see it in mine and they don’t.

Can you help me in this??

This is the css I’m using, (my home page is id-83):

.page-id-83 .x-brand img {
    opacity: 0;
}

.page-id-83 .x-brand {
    background: url(http://neumolog-cp537.wordpresstemporal.com/web-nova/wp-content/uploads/2018/12/Logo_SENP_blanco.png) center center no-repeat;
    background-size: 100%;
}

.page-id-83 .x-brand img {
	content: 'http://neumolog-cp537.wordpresstemporal.com/web-nova/wp-content/uploads/2018/12/Logo_SENP_blanco.png' !important;
}

thanks a lot!

Ivan

[Prasant]

Hello Ivan,

Thanks for asking.

The code you have shared is correct. I have tested on simulators and logo seems to be showing up absolutely fine. Is there any specific version if iPhone wherein logo is not showing up? It might be a cache related problem and clearing the same may solve the issue. Having said that please note that only previous 2 versions of Safari (if user is visiting via Safari) is supported by WordPress. For browser support, please take a look at following resource.

Browser support

Thanks.

[SENP_Congreso]

Hi! It seems to be happening in different devices and also in ipads so it seems to be a problem with Apple devices not the others. And. They have tried with Chrome and it happens the same… Really really strange… Any idea??

Thanks a lot!

Ivan

[nabeel]

Hey Ivan,

First try this code as it is and see if this works on your mobile device:

.home .x-brand img {
    opacity: 0;
}
.home .x-brand {
    background: url(https://place-hold.it/300x100) center center no-repeat;
}

If it does than you can replace the background image URL with your own image. Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[SENP_Congreso]

Hey!! Thanks a lot!! Now is it working!!

Have a great day!

[paul.r]

On behalf of my colleague, you’re welcome. Cheers!