Logo Duplicating on Mobile Devices

  • Resolved nehead

    (@nehead)


    9 years, 8 months ago

    Hello,

    I uploaded a larger logo and increased the logo size in my CSS to match. Looks great on a desktop but displays a duplicate logo about half way down on the mobile version. Is there somewhere I need to update the logo size for mobile as well that might be causing this?

    https://www.appmaking101.com

    Thanks a ton,
    Nick

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter nehead

    (@nehead)

    I 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.

    Hi,

    You can use this code:

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

    (@nehead)

    Perfect! That worked great! Thanks a ton ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Logo Duplicating on Mobile Devices’ is closed to new replies.