Support » Plugin: Twentig – Gutenberg Blocks, Templates, Patterns, Theme Customization » Alternate Logo Causing Alignment Issue

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

    (@twentig)

    Hi Richard,

    One of your plugins (I think it’s the Smush – Lazy Load plugin) inserts a <noscript> tag between the HTML code for the two logos. It interferes with the CSS, which causes the misalignment. It seems it’s the same issue: https://wordpress.org/support/topic/double-logo-bug-on-sticky-header/ .

    Either your manage to exclude the logo from lazyloading, or you can add the following CSS code in the Customizer > Additional CSS panel:

    .tw-header-opaque .logo-primary ~ .logo-transparent {
        visibility: hidden;
        opacity: 0;
    }
     
    .logo-primary ~ .logo-transparent {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 1;
        height: auto!important;
    }

    Hope that helps,
    Yann

    Thread Starter chappers1972

    (@chappers1972)

    Hi Yann,

    Works perfectly.

    Thanks for your help.

    Support is great as always.

    Richard.

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