Issue with displaying custom logo on mobile devices persists even after updating theme options. Since the default logo continues to appear, the next step is to locate the default logo in the theme coding and replace it with the desired custom logo specifically for mobile devices. Are there any suggestions or alternative methods to resolve this?
An attempt was made to hide the default logo and implement the custom logo for mobile devices using the following code:
@media (max-width: 480px) {
.site-title a {
background: transparent url("http://logo.png") no-repeat scroll 0 0 !important;
overflow: auto;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.site-title a {
background: transparent url("http://logo.png") no-repeat scroll 0 0 !important;
display: block;
}
}
Despite efforts, the code above did not yield the desired outcome. The custom logo functions properly on desktop devices but encounters issues specifically on Android devices.