Navigation bar problem

[deejayhart]

Hi there – weird problem when I scroll – look at the logo! It seems to go transparent for a little bit – why is this?

Also, I would like the nav to shrink – is there any option for this, as with Divi?

Ta!

[David Martin – Support]

Hi,

1)

The transparency is caused by the transition, you could adjust that with the below CSS to fix it:

.sticky-header {
    -webkit-transform: translateZ(0) translateY(0);
    -moz-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    transition: height 0s ease-in-out, transform 0s ease-in-out, background-color 0s ease-in-out!important;
    -moz-transition: height 0s ease-in-out, transform 0s ease-in-out, background-color 0s ease-in-out!important;
    -webkit-transition: height 0 ease-in-out, transform 0 ease-in-out, background-color 0 ease-in-out!important;
    -o-transition: height 0s ease-in-out, transform 0s ease-in-out, background-color 0s ease-in-out!important;
}

2

What do you mean the nav to shrink? Do you mean the whole header get smaller on scroll for the sticky header?

– David.