Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 10, 2020 at 11:54 pm #1202781
    JEFFIRE

    Hi guys,
    i have this css to have my logo show up on my mobile menu.

    @media only screen and (max-width: 767px) {
    .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img {
    z-index: 999;
    }
    .html_av-overlay-side .av-burger-overlay-scroll {
    width: 95%;
    }
    }

    It works great…except it calls up the wrong logo!
    _alternate_logo_

    My alternate logo is white transparent…and my mobile menu background is also white…so its there…but just not visible!

    So how can i call up the other logo? (to have it shown in the mobile menu?)

    Thank u so much if u can help me!?

    • This topic was modified 4 years, 8 months ago by JEFFIRE.
    April 12, 2020 at 7:11 am #1203046
    Rikard

    Hey JEFFIRE,

    Could you post a link to where we can see the results you are getting please?

    Best regards,
    Rikard

    April 12, 2020 at 6:36 pm #1203127
    JEFFIRE

    Hi Rikard…thank you for picking this up!
    So, the issue is this:
    Our mobile menu shows the wrong logo. (alternate)
    And we want it to show the other variant.
    Please help me out!

    April 15, 2020 at 7:07 am #1203857
    Rikard

    Hi,

    Sorry for the late reply. It doesn’t seem to work very well on my end, but maybe you could set the image as a background in the mobile menu instead?

    .av-burger-overlay-scroll {
    background-image: url(URL OF YOUR LOGO GOES HERE);
    background-repeat: no-repeat;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.