Archived topic
Adding content between header and menu bar?
13 replies · Started by Sean on August 15, 2019
Hi, I have the premium version of Generate Wordpress theme and I like the clean layout, but I'm wondering if it is possible to change some things. For instance, I would like there two be two small blocks in the space between the Identity/tagline and the main menu block. One block would have a rotation of different images, the other block would have a follow my blog entry and an upcoming events. Is this possible?
I would also like to be able to post 4 images permanently below the menu bar and above the blog posts.
(My current webpage is not migrated to Generate yet until I can resolve this.)
Thanks!
Hi there,
Just to make sure, are you basically trying to replicate the current layout with GP?
Let me know :)
Hi Leo,
Thanks for the reply. Yes, partially, but I would like to have some more control over it.
For instance, what I would really like is to have a smaller rotating image, and even better, if it could be to the right of my name and logo (based on the GP theme) that would be perfect.
I am trying to make a cleaner, simpler design.
Actually, if it could be something like my existing page on top, with a smaller rotating image block where my picture currently is, that would be great.
You can try adding a slider in header widget:
https://docs.generatepress.com/article/header-widget/
We might need to tweak it with some CSS but let us know when the first step is done :)
I will try that, thank you!
No problem!
I would highly recommend starting a staging site and activate GP so we can tackle one question at the time :)
Thanks, but what is that?
This article might help: https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/
Let us know :)
Hi Tom and Leo,
Ok, so this is getting frustrating (my lack of understanding).
I have installed GP Pro and also Elements Pro.
I made a staging page and copied my existing page into it.
I activated GP Pro for my staged website.
It changed things (I expected that), but I'm not able to figure out how to change my home page to look the way I want.
I expected to be able to drag things around, add a box or widget or something. I haven't figured out how to change anything.
Basically my name and logo at the top with a rotating series of images above the main navigation bar. Blog posts would appear beneath the navigation bar. (I would like to have another small row of information between the menu bar and blog posts).
Thanks for any help!
I expected to be able to drag things around, add a box or widget or something.
That would require a page builder like Elementor.
Let's take one step at the time. Have you created a slider (using another plugin) yet?
If so you can add it using header widget area:
https://docs.generatepress.com/article/header-widget/
All the available widget area are in Appearance > Widgets.
I do have Elementor, but not figuring out how to use that either. LoL...
I have been having some trouble finding the right widget, searching online for hours. I think I found one that has the right idea, Meta-Slider. I am working on figuring out how it should work.
Getting late, I will update tomorrow. Thanks!
Hi Tom, thanks for the staging info, that seems to be working better now after I deleted the first one.
I do have one problem, though. It seems it thinks my staging and live site are two different sites, so I can't use the premium GP items on the staging site to see how it would look.
Hi Leo, I made a test slider with MetaSlider and I can put it in a footer, but having a devil of a time figuring out how to put it anywhere else.
I'm thinking I might try something different with my page. Instead of having my slider up in my header, I'd like to just have an image there, but have the slider just below the menu bar. I'd like to have two items there when in full mode- a slider and a box of information that I can change. Maybe images with text and links.
Thanks for the help!
Hi there,
in your staging site, go to Appearance > GeneratePress and add your license key and save. the license is domain specific this includes subdomains / staging sites.
Some pointers for Elementor:
1. Dashboard > Templates - from here you can create a new Section Template.
2. Create a new template for each of the common elements you want to create ie. above the nav and below the nav.
3. Once done and saved return to Dashboard > Templates to see them. To the right you will see a shortcode that looks like this: [elementor-template id="2132"]
4. You can add shortcodes anywhere you want to display that template.
Adding templates to the Theme.
1. Go to Appearance > GeneratePress and activate the Elements module.
2. Appearance > Elements > Add New --> Hook
3. You can now add your shortcode to the content, select a Hook from the list for your chosen position on the page, check execute Shortcodes. Then go to the Display Rules Tab to set the Locations you want it displayed.
More info on Hook Element:
https://docs.generatepress.com/article/hooks-element-overview/
Visual Guide to show where hooks are:
https://docs.generatepress.com/article/hooks-visual-guide/
As a side note - be mindful of what is most important to the user. A slider or large images being loaded before the navigation may slow down the loading of the site and detract the user from whats important ie. navigation.