Archived topic
full header width
10 replies · Started by Steen on June 2, 2019
Hi
I looked through the forum articles and posts, but did not find a solution to my problem.
I think, I might have mixed up my header settings really good.
Only half of my slider shows in the headere, but I have no trouble to get it to work in the topbar.
Can you help ?
sincerly yours
Steen
Hi there,
So just to make sure first. The layout you are hoping to achieve is:
Header with a logo > A slider > then the primary navigation?
Let me know :)
Right om.
Topbar: a logo
Header: slider
And the pri nav
Ok follow the steps below:
- Upload your logo in Site Identity:
https://docs.generatepress.com/article/adding-header-logo/
- Add the slider using Header Element:
https://docs.generatepress.com/article/header-element-overview/
https://docs.generatepress.com/article/how-to-create-a-page-hero/
- Set navigation location to below header:
https://docs.generatepress.com/article/navigation-location/
- Add this PHP to move navigation below the header element:
https://generatepress.com/forums/topic/page-header-image-above-menu/#post-288568
Adding PHP: https://docs.generatepress.com/article/adding-php/
That should do it.
Let me know :)
Thx for a quick reply.
I have uploaded the logo
set nav to below header
added the PHP to code snippet
But, I have some difficulties adding the slider using Header element.
How do I add the html exported from the slider into the pagehero ?
What do I miss here ?
Now the logo moves across the header
Usually the slider comes with shortcode so you can add it directly into the content box:
https://docs.generatepress.com/article/how-to-create-a-page-hero/#step-1-add-the-content
The logo looks fine to me?
https://www.screencast.com/t/tcktYtYoEXiE
Now I got it :)
I pasted the wrong code.
Thx a lot for your help.
Take care
No problem :)
The customer would like an alternative to the above.
Should I add a new topic or can I post in this one ?
They want:
Topbar og header: Logo (fixed) and a slider beside the logo.
navigation below topbar/header
Can you help ?
New topic with an example would be good.
Thanks!