Site logo

Archived topic

Header sticky & transparent

13 replies · Started by Harris on April 1, 2017

Viewing posts 1–14 of 14

Hello,

Just got GP Premium and experimenting with it.

Can't find out

1. How can I make the page content (its beaver builder content) show behind the transparent header
2. Make the header sticky
3. Have the fonts I am using in beaver builder available in GP too (header footer).

I guess the two first are easy, but I am experimenting a couple of hours with it....
I must have been missing something.

Thanks!

P.S. By the way, what is the difference between site header and page header? Is page header a custom header just for a certain page?

Hi there,

1. This should help: https://docs.generatepress.com/article/merging-header-navigation-content/

2. There's no built in sticky header option, but there is a sticky navigation option: https://docs.generatepress.com/article/sticky-navigation/ - and you can use the navigation as a header: https://docs.generatepress.com/article/navigation-logo/

3. GP shows the top 200 Google Fonts in the Customizer, but you can add any that are missing with a filter: https://docs.generatepress.com/article/customizing-the-google-font-list/

The Page Header is specific to each individual page while the site header is global across your entire site.

Thanks!
I will read everything and hope make it clear.

Hello,

Regarding #1, I had tried that before, during my experiments.
When I do that, the header totally dissapears.

About the google fonts, I used the filter and it works fine.

Thanks

Any news on that? By the time I enable
"Merge with site header" the whole header dissapears...!

Hi Harris,

Are you able to provide a link to your site?

Hello

Just turned on "Merge with site header" again so you can see it

thanks

The site is currently under maintenance. Can you turn it off so we can see it? :)

Thanks!

The page you can see is the page that is supposed to have the header on
If you go to the contact page (Sounds great) you will see the header, with the “Merge with site header” option off (not overriding the content)

Can you enable right click? Thanks!

Did it

Unchecked it and its working.

Sorry fgor the trouble but newbie in that theme and just investigating it.

I am trying to replicate the page as it was with beaver theme (the previous used) so I will starting getting comfy with it.

A couple more questions please

IS there any other way to make the header sticky appart from the "navigation replacing header" workarround?
Does those header settings (Merge with site header etc) have to be done in all pages seperately?
How can I vertically align the logo to the center?

Thanks

IS there any other way to make the header sticky appart from the “navigation replacing header” workarround?

Not sure what you mean? You can use the sticky navigation?
https://docs.generatepress.com/article/sticky-navigation/

If you want a global page header like that, this should help:
https://docs.generatepress.com/article/blog-page-header/#displaying-the-blog-page-header-elsewhere

For vertically align logo, try some CSS like this:

.site-logo {
    padding-top: 10px;
}

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

This archived topic is closed to new replies.