reforo
Hi
Your site has sticky menu that fixed the menu when you scroll the page. This logo does not fitin sticky main nav, that is why you are getting 2 logos.
In this case either you need to use a small size logo or remove the sticky effect by removing this code
js/gk.menu.js
// fixed menu
//
// create container for the fixed menu
var menuWrap = new jQuery('<div id="gkFixedMenu"></div>');
menuWrap.html('<div class="gkPage"></div>');
jQuery('body').append(menuWrap);
var menupos = jQuery('#gkTopNav').position().top + 80;
var menucontent = jQuery('#gkTopNav');
var logo = jQuery('#gkLogo');
if(logo.length > 0) {
menuWrap.find(' > div').prepend(logo.clone(true).attr('id', 'gkLogoSmall'));
}
jQuery(window).scroll(function() {
var currentPosition = jQuery(window).scrollTop();
if(currentPosition > menupos && !menuWrap.hasClass('active')) {
menuWrap.addClass('active');
menuWrap.find('> div').append(menucontent);
} else if(currentPosition < menupos && menuWrap.hasClass('active')) {
menuWrap.removeClass('active');
if(jQuery('#gkToolbar').length > 0) {
menucontent.insertBefore(jQuery('#gkToolbar'));
} else {
menucontent.insertAfter(jQuery('#gkTopBar'));
}
}
});
and add this code in override.css
#gkLogo {
float: left;
height: 40px;
margin: 42px 0 98px 0;
padding: 0;
text-indent: -999em;
text-shadow: none;
width: 100%;
display: block;
}
