Mobile Logo version

[davidll]

Hello

Read a few posts on here regarding a css change for a different logo on a mobile. I have this issue to resolve, due to the clients logo have a long version (large applications) and a short version (smaller applications).

So, I found the following:

@media only screen and (max-width: 980px) {

#logo {
background-color: transparent!important;
background-image: url('http://www.url/image.png') no-repeat!important;
}

#logo img {
display: none!important;
}

But it doesn’t replace the mobile version.
Whats really odd, is that, if I change the (max-width: 980px) to (max-width: 1980px) it shows the mobile version in the main window – but when collapsed, reverts back to the old, large version ! ( i hope that test made sense!)

Any help would be appreciated

Thanks

David

[Mohammad – SUPPORT]

Hi,
Have you changed the mobile logo image path url http://www.url/image.png with your image path in code?
Thanks
Mohammad

[davidll]

Yes… I can confirm the links correct… I only put dummy text due to it being a local server.
Also:

Whats really odd, is that, if I change the (max-width: 980px) to (max-width: 1980px) it shows the mobile version in the main window – but when collapsed, reverts back to the old, large version ! ( i hope that test made sense!)

[davidll]

Also – just noticed – I can confirm also, there is and ending } – for the @media only screen
Its missing in the above code

[Rui Guerreiro – SUPPORT]

Did you add it? Is it working now?
Remember to clear the browser cache.

-Rui

[davidll]

Hello

Sorry – I think you are miss understanding me:
I have this code in place:

@media only screen and (max-width: 980px) {
 
#logo {
background-color: transparent!important;
background-image: url('THE CORRECT URL') no-repeat!important;
}
 
#logo img {
display: none!important;
}
}

But it doesn’t replace the mobile version.
Whats really odd, is that, if I change the (max-width: 980px) to (max-width: 1980px) it shows the *NEW* mobile version in the main window – but when collapsed, reverts back to the old, *STANDARD* version ! ( i hope that test made sense!)

Any help would be appreciated

Thanks

David

[Kyle – SUPPORT]

I’d have to see your site live to look into this

– Kyle

[Kyle – SUPPORT]

I’d have to see your site live to look into this

– Kyle

[davidll]

Ok

I will make it live next week, and provide access
Thanks

David

[Kyle – SUPPORT]

Ok no problem