Transparent header with Neve free

Hi @acuaron,

It’s possible with custom coding but as it’s available within the PRO version we don’t have documentation that covers such a change.

Maybe some members in our community forum already tried to achieve this functionality and will share the solution with you here.

Workaround that works for me (Using Elementor):

1 – Custom CSS to remove the color of header and make it transparent:

.hfg_header .header-main-inner{
	background-color:transparent!important;
}

.nv-navbar{
	background-color:transparent!important;
}

2 – Put the first block (after header) in margin top -100px
3 – All the elements inside it (columns) in margin top 100px
4 – (Optional): To make header follow the scroll, changing it’s color: With MyStickMenu plugin, configure “Make visible on Scroll” field and check the option “Stick Background Color” to choose one

That’s it

• This reply was modified 3 years, 10 months ago by pedropamn.
• This reply was modified 3 years, 10 months ago by pedropamn.