Not full transparent header

[Georgios]

Hello
Is there any way to create that kind of header-navigation ?–>http://prntscr.com/fgqxvs (its from website with Divi)

thanks

GeneratePress 1.3.46

GP Premium 1.3

[Leo]

Hi there,

This should help: https://docs.generatepress.com/article/merging-the-page-header-site-header/

You can set the navigation background in Customizer > Colors > Primary Navigation

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Georgios]

Hello , thank you for your reply
I did that , the header while scrool not its ok it gets transparent as i want , but the Main header wont get semi transparent..->http://prntscr.com/fgu7n3

page settings: –>http://prntscr.com/fgu844

thanks:)

[Leo]

the header while scrool not its ok it gets transparent as i want , but the Main header wont get semi transparent..

Not sure what you mean?

Did you try changing the navigation background color in Customizer > Colors > Primary Navigation?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Georgios]

Yes i did

when site loads i have a grey header (see image is prev. post)
when i scroll down then header turns transparent, Thats ok but i also want the main header when site loads to be Semi transparent like the divi example image in my 1st post

[Leo]

Can you provide a link to your site?

I was able to complete this: https://postimg.org/image/uk5ccq7xv/3202c307/
By uploading an image in the page header meta box, turn on Add background image in page header content, then turn on merge with site header in page header advanced, then change the background color in Customizer > Colors > Primary Navigation.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Georgios]

Thats is what i want , like the screenshot:) thats great!

can i have please, that image you used for header?

thank you:)

P.S any plan to make this working without header image background ? i mean in next release(s) of GPP ?

[Leo]

Here is the image: http://demo.generatepress.com/wp-content/uploads/2015/09/table.jpg

Not sure what you mean by making this work without an image? Then there is no point merging the navigation or having transparent navigation?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Georgios]

Thank you

i want to have slider “behind” header,no just one image
and a semi transparent header
in Divi i can set transparency to the desired level : https://prnt.sc/fgqxvs
in the above example its a slider image and the header is semi transparent , so the main question is :can i achieve that?

thank you and forgive me if i wasnt very “clear”

Regards
George

[Leo]

You can insert slider in Page Header Content.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Georgios]

Hi
you mean create slider page and then with shortcode( i use Elementor) place it is page header content?

[Leo]

If you are using page builder then this should help: https://docs.generatepress.com/article/merging-header-navigation-content/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Georgios]

Thank you, will do that now:)
Regards

[Leo]

No problem!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts