Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi linburnlane,

    I think the best way to hide a logo for mobile users is with some CSS.
    You will have to use media queries to hide it only for mobile.

    Example:

    @media (max-width: 767px) {
      .logo {display:none:}
    }

    You need to replace “.logo” with the correct class or id for your logo.
    Let me know how this works for you!

    Thread Starter linburnlane

    (@linburnlane)

    I’m not sure if I’m doing it right.
    I replaced .logo with the correct class (I think) but it’s not working.

    @media (max-width: 767px) {
      .img-responsive {display:none:}
    }

    The website is http://mudgeeaeroclub.hwy.com.au

    Hello,
    Hope you are well.

    Please try the following code.

    @media (max-width: 767px) {
    .img-responsive {
    display: none;
    }
    }

    You had a colon at the end, you needed a semicolon.

    Let me know if it works for you,
    Thanks.

    Thread Starter linburnlane

    (@linburnlane)

    Oops, sorry. Silly me. I should have noticed that.
    The new code works! Thanks so much 🙂

    You are welcome, we are always here to help :).

    Thanks.
    Alex.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Hide logo on mobile’ is closed to new replies.