Hello,

1. This didn’t help, still when I scroll down second logo is too small, and transparent logo is visible behind letter B (look carefully). Please login with provided username and pass and check it.

2. I have deactivate all plugins, non of them are cause problem with Advanced Layerslider…

3. OK, then I will do it by my self ;)

In other hand, how to make header like this?

http://kriesi.at/themes/enfold/shortcodes/images-with-hotspots/

When I scroll down, my logo (letter B) is too small and first “Transparent logo” (full logo) is still visible when I scroll down..

How to solve this?

No, I don’t have any other css modification for the logo except this:

#header_main .container, .main_menu ul:first-child > li a {
    height: 130px;
    line-height: 130px;
}

.fixed_header #main {
    padding-top: 130px;
}

and this in avia.js:

if(st < el_height/1.4) // was 2
                {
                    newH = el_height - st;
                    header.removeClass('header-scrolled');
                }
                else
                {
                    newH = el_height/1.4; // was 2
                    header.addClass('header-scrolled');
                }