Logo showing twice on Cover Page

  • Resolved Brimfulof

    (@brimfulof)


    3 years, 6 months ago

    Thanks for this great plugin, has helped with so many little things I wanted to change!

    One issue I’m having though is that the logo is misaligned on pages using the Cover Page template – using Twenty Twenty. As you scroll down a second version of the logo appears as well.

    I deactivated various plugins that I thought might be causing this: GDPR consent, etc. but nothing seems to have helped.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Twentig

    (@twentig)

    Hi,

    Thanks for your message.

    The issue is caused by the “Smush” plugin that adds a <noscript> tag after the logo image (to implement its lazy load feature).
    It causes an issue with the CSS for the logo on the Cover Page template. You can fix it by ading the following CSS in the Customizer > Additional CSS panel:

    .logo-primary ~ .logo-transparent {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
}

.has-header-opaque .logo-primary ~ .logo-transparent {
    visibility: hidden;
    opacity: 0;
}

    Or, as it seems that your “transparent logo” is the same as your default logo, you can remove the Transparent Header Logo in the Customizer > Site Identity panel.

    Hope that helps.

    If you enjoy Twentig, please rate it. It would really help me out ??
    Tom

    Thread Starter Brimfulof

    (@brimfulof)

    Thanks so much for the speedy response. That’s fixed it. I just removed the transparent logo as you said.

    Very happy to rate your excellent plugin. Thanks for all the hard work!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Logo showing twice on Cover Page’ is closed to new replies.