Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 24, 2019 at 12:24 pm #1093938
    Jacky

    Standard displays the white logo on the desktop.
    When the Logo is shrinking the colored one. That’s the way it should be on the smartphone as well.
    In the smartphone, it is always the colored logo. So the logo is unfortunately not good visible.
    Can you give me some CSS, so that the white logo is displayed here?

    April 26, 2019 at 1:10 pm #1094717
    Ismael

    Hey J.,

    Thank you for using Enfold.

    The header transparency is disabled on mobile devices, so the theme automatically displays the other version of the logo. If you want to display the other one instead, use this css code.

    @media only screen and (max-width: 767px) {
.responsive #top .av_header_transparency .logo img.alternate {
    display: block;
}

.responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img {
    opacity: 0;
}
}

    Best regards,
    Ismael

    April 29, 2019 at 12:15 pm #1095228
    Jacky

    Hey Ismael
    That works great.
    Best regards
    Jacqueline

    April 29, 2019 at 5:41 pm #1095364
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Logo on the smartphone wrong color’ is closed to new replies.