Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1153379

    Hello,

    For some reason when viewing my website in mobile format it duplicates my logo. I just want one logo.

    I would appreciate you help.

    Thank you
    https://innerevolutionfitness.com

    #1153382

    Hey theoak15,

    I’m not seeing two logos. Is this on a specific device? Can you screenshot the issue?

    Best regards,
    Jordan Shannon

    #1153430

    Hey Jordan,

    Thanks for the help.
    Any device besides a desktop and I see two logos. It seems to be only on the front page. Here is a screenshoot.

    https://i1376.photobucket.com/albums/ah40/theoak15/Screenshot_20191102-181927_Chrome_zpsk4cfgqfv.jpg

    Mark

    #1153495

    Hi Mark,

    Thanks for that. How exactly are you adding the logo? I’m asking since it’s a webp image and the markup which is adding the image is not coming from the theme.

    Best regards,
    Rikard

    #1153527

    Rikard,

    I figured it out thanks to you pointing out that it was a webp image. I was using imagify and it wasn’t overwriting the image.

    Thanks again

    #1153612

    Hi,

    Great, I’m glad that you found the problem and thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1356009

    Hi, also double logo on mobile only, also imagify, images are replaced by picture-tag
    but – two different markups –
    logo 1 = <span class=”logo avia-standard-logo”>
    logo 2 = <span class=”subtext avia-standard-logo-sub”>

    How to get rid from class subtext avia-standard.logo-sub
    I mean, sure i can display:none, but thougt you might be interested in this case.
    thank you.

    #1356034

    @xxtita : this subtext logo is only used for transparency headers. Whilst the one got opacity 0, the others got opacity 1:

    /*** no transparency header ***/
    .logo img, 
    .logo svg {
      opacity : 1;
    }
    
    .logo img.alternate, 
    .logo .subtext.avia-svg-logo-sub svg {
      opacity: 0;
    }
    
    /*** for transparency headers ***/
    .av_header_transparency .logo img.alternate, 
    .av_header_transparency .logo .subtext.avia-svg-logo-sub svg {
      opacity: 1;
      filter: alpha(opacity=1);
    }
    
    #top .av_header_transparency.av_alternate_logo_active .logo a > img, 
    #top .av_header_transparency.av_alternate_logo_active .logo a > svg {
      opacity: 0;
      filter: alpha(opacity=0);
    }
    #1356238

    Hi xxtita,

    It is as @Guenni007 mentioned, the subtext logo is used for transparency headers.

    Best regards,
    Nikko

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