Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 17, 2017 at 5:34 pm #734847
    ftlamont

    I would like it so that my transparency logo stays the same on the mobile, however for the rest of the pages it uses the standard logo. This link below was close, but it put the logo I choose ALL mobile pages. I just really need it to work just like it does on non-mobile. 1 logo for the transparent header, and the standard logo for the rest.

    Use a different logo on mobile

    Thanks,
    Frank

    January 19, 2017 at 9:02 am #735741
    Nikko

    Hey ftlamont,

    Can you post a link to your site? so we can take a closer look.

    Best regards,
    Nikko

    January 19, 2017 at 1:50 pm #735843
    ftlamont
    January 20, 2017 at 6:33 am #736224
    Nikko

    Hi,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
    .responsive #top.home .av_header_transparency.av_alternate_logo_active .logo a > img {
        opacity: 0;
    }

    .responsive #top .av_header_transparency .logo img.alternate {
        display: block;
    }
}

    Hope this helps :)

    Cheers!
    Nikko

    February 2, 2017 at 11:31 pm #742086
    ftlamont

    That worked perfectly. Thanks!!!

    February 3, 2017 at 5:09 pm #742475
    Nikko

    Hey!

    Glad we could help :)

    Cheers!
    Nikko

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