Change Logo on Mobile Device

[rileyiwilliams]

Not quite… see attachment. How can we make it prettier?

Attachments:

You must be logged in to view attached files.

[rileyiwilliams]

I should be more specific than that.

Can we use up most of the white space to the left, top & bottom of the logo, so that the logo & icons sit better together?

[Mohammad – SUPPORT]

Hi,
Why did you remove code? Please insert it again. I will adjust it.
Thanks
Mohammad

[rileyiwilliams]

I didn’t remove it… it’s still there. It’s in child theme style.css, as it was before.

Thanks

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media only screen and (max-width: 767px) {
#logo {
    height: 130px;
    width: auto !important;
    background: transparent url("//www.hereboy.com.au/wp-content/uploads/2015/09/webbanner-footer.png") no-repeat scroll 0px 30px / 100% auto !important;
margin:10px 0px 0px !important;
}
#logo img{display:none !important;}

}

Thanks
Mohammad

[rileyiwilliams]

Thanks Mohammad, that was just what I needed.

Cheers.

[Kyle – SUPPORT]

Great, thanks Mohammad

– Kyle