Archived topic
Header sticky & transparent
13 replies · Started by Harris on April 1, 2017
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
Can you check the Disable Elements metabox on that page and make sure Featured Image/Page Header is unchecked?
https://docs.generatepress.com/article/disable-elements-overview/
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/