Logo Duplicating on Mobile Devices

Are you using a plugin for the mobile site? If so, which?

Or, is this built into the theme, and if so what is the theme?

I’m using the Point theme and made the logo size updates to the style.css (see below):

#header .image-logo { margin: 11px 0 }
#logo a {
    float: left;
    color: #2A2A2A;
    font-weight: bold;
    background:url("https://appmaking101.com/wp-content/uploads/2015/03/logo-final3.png");
    width:300px;
    height:100px;
}

Everything looks great on a desktop, it’s just when using a mobile device that I’m having the issue.

Ok, the theme’s stylesheet probably has separate media queries for mobile devices. Look for other instances of .image-logo in the stylesheet.

If you can’t find any, I recommend asking at https://www.ads-software.com/support/theme/point#postform so the theme’s developers and support community can help you with this.

Here’s the fix if anyone else runs into this issue:

@media only screen and (max-width: 767px) {
#logo a {background:none;}
}

Thanks for sharing your solution!