Hi there,

I\'m not quite sure which is the floating logo on the top left. If you can\'t show the issue in action could you please post a screenshot? Thank you

Regards
djwd

Hi there,

I see now, I was missing you were talking about the logo inside the sticky nav!

As a personal opinion i think the sticky nav logo looks much better with the circle logo :)
By the way I couldn\'t replicate the issue, I even tried removing logos and naming my own staging site as Tell Tales, but that\'s the result (see attached).

I\'d really need to see this in action to understand something more.

Regards
djwd

Hi there,

if you want to do this because of SEO as I suppose, you don\'t need to as the main site title remains the one in header, the sticky nav is just a clone.

You could use the text title for the main header title and keep the footer logo as an image for the sticky nav (and footer).

If you want to use a visual logo and an h1 tag there are several techniques that would need some modifications to the header.php template, unfortunately that goes beyond regular support. You\'ll find lots of info by making a Google search though.

Regards
djwd

Hi there,

my mistake, in your case my suggestion doesn\'t apply. I have to provide some solution now :)

Please paste this in the Custom Javascript textarea, and only upload the footer logo:

jQuery( document ).ready( function( $ ) {
    var footerLogo = $(\'#footer-logo img\').attr(\'src\');
    
    $(\"#nav-clone .mgm-logo-text\").empty()
    $(\"#nav-clone .mgm-logo-text\").prepend(\'<img id=\"navLogo\" />\')
    $(\'#navLogo\').attr(\"src\",footerLogo);
});

It should work (tested).

Hope it helps

Regards
djwd

Try with:

jQuery( document ).ready( function( $ ) {
    var footerLogo = $(\'#footer-logo img\').attr(\'src\');
    
    $(\"#nav-clone .mgm-logo-text\").empty()
    $(\"#nav-clone .mgm-logo-text\").prepend(\'<a href=\"http://www.telltalesonline.com/\"><img id=\"navLogo\" /></a>\')
    $(\'#navLogo\').attr(\"src\",footerLogo);
});

Regards
djwd

Ok try this one out (tested), should put you on the right tracks:

jQuery( document ).ready( function( $ ) {
var footerLogo = $(\'#footer-logo img\').attr(\'src\');
    
    $(\"#nav-clone .mgm-logo-text\").empty()
    $(\"#nav-clone .mgm-logo-text\").prepend(\'<img id=\"navLogo\" />\')
    $(\'#navLogo\').attr(\"src\",footerLogo).wrapAll(\'<a href=\"http://www.telltalesonline.com/\"></a>\');

});

Regards
djwd

Hi there, glad it worked.

Try with:

@media (max-width: 1199px) {
    .nav-wrap#nav-clone .mgm-logo-text,
    .nav-wrap#nav-clone .scrollup {
    display: block!important;
    }
}

should work.

Regards
djwd