Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 23, 2018 at 6:02 pm #988800
    Ushbot

    Hi Guys,

    the pages where I use a glassy / transparent header don’t show the logo on mobile:
    Inspecting the page i found the culprit:
    #top .av_header_transparency.av_alternate_logo_active .logo a > img {
    display: block;
    opacity: 0 !important;

    The problem is that:
    @media screen and (max-width:767px) {
    #top .av_header_transparency.av_alternate_logo_active .logo a > img {
    opacity: 1 !important;
    }
    }

    won’t overwrite it either – any tips on how to fix that? Thanks!

    July 23, 2018 at 6:56 pm #988827
    Jordan Shannon

    Hey Ushbot,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    July 25, 2018 at 2:30 pm #989706
    Ushbot

    Thanks! info attached

    July 26, 2018 at 8:43 pm #990406
    Basilis

    Hi,

    Please clear your cache and try now :)
    If not works, please let us know what mobile browser u are using.

    Best regards,
    Basilis

    July 30, 2018 at 9:41 pm #991725
    Ushbot

    Hi!

    thanks – but still the same issue :/. I tried on safari, chrome and firefox – and it’s only on the pages with the transparency header like the landing page or all “projects” under work

    July 30, 2018 at 9:42 pm #991726
    Ushbot

    same if i try it on my phone on safari

    July 31, 2018 at 5:26 pm #991995
    Victoria

    Hi Ushbot,

    https://cl.ly/1T1z0Q2R2w3M This code overrides the media query, the selectors have to be the same or more specific and Safari might not render your svg logo.

    Best regards,
    Victoria

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