Header is transparent while scrolling

[kigiit]

How to stop header background going transparent while scrolling down? I want the header to remain sticky and same background colour
Site innovativetec.com.au

 

[Satyendraa]

Hello there,

For that please follow this documentation link : https://support.themehunk.com/docs/featured-theme/#header-setting
And remove "Header Transparent" option.

This will work for you.

Kind Regards

 

[kigiit]

Hi @Satyendraa , ticking/unticking header transparent doesnt make any difference. Below is the experience while scrolling.

 

[Satyendraa]

Hello there,

You can try this CSS:

header.smaller .header-wrapper {
    display: none;}

Best Regards

 

[kigiit]

Hi @Satyendraa
I tried the above css setting, top header is disappeared while scrolling. This is not what I want.
I want the sticky header with the same format. You can check on the page.

 

[Satyendraa]

Hello there,

Remove previous code and use this instead:

header.smaller .header-wrapper {
  background-color: rgb(0 0 0);}

Best Regards

 

[kigiit]

Hi @Satyendraa
Header color changed to Black which is still not what I want.



This is actual header color.

 

[Satyendraa]

Hello there,

In normal condition your header background color is white.
Do you want to show white background while scrolling also?

If yes then please try this code by replacing previous code

header.smaller .header-wrapper {
    background-color: rgb(255 255 255);
}

If still you want any more help then do let me know.

Kind Regards