Change logo on mobile devices

Replies: 0

Hi!
I have .png file as a logo (.site-logo) on top of the randomize background, positioned for web.
I am trying to make this logo change to a different one, small without text, for mobile devices.
Did upload logo with Site Title, Tagline, and Logo.
Only using this code to position it:

.site-logo {
	-ms-transform: translate(-154px, 53px);
	-webkit-transform: translate(-154px, 53px);
	transform: translate(-40px, 104px);
}

Was trying to use this code for change logo on mobile devices:

@media only screen and (max-width: 520px) {
	#logo img {
		visibility: hidden;
	}
	#logo {
		background: url(http://*****/wp-content/uploads/2016/10/sp_logo.png ) left center no-repeat;
		background-size: contain;
	}
	#logo a {
		float: left;
	}
}

…or any like codes with no results.
Seeking for help plz :O)

Thanks in advance.

• This topic was modified 39 minutes ago by  bubdadigger.