Archived topic
Add a Widget in Topbar
15 replies · Started by David on August 2, 2016
Hi Tom, i want a Text Widget in the top bar.
Can you tell me, it is possible and how it works.
Thanks for your help?
Sincerely,
David
Try Dashboard > Appearance > Widgets and drag a Text widget into the Header box.
Hopefully that's what you are after :)
Hi Leo, thanks, but it is only on the right side, and it is not this what i want.
Able to show an example of what you are after?
Hi Leo,
this is what i want! http://hidalgofunfactory.com/ i create this website with the generatePress Theme and my own topbar, but i have margin issues on mobile with this. Or like that http://www.xoo-design.com/wailua/.\
Thanks for help!
Hi David,
You could use secondary navigation to achieve this: https://generatepress.com/downloads/generate-secondary-nav/
You can create custom links within the secondary navigation like this: https://generatepress.com/knowledgebase/using-menus/#create-drop-down-menu-custom
Hi Stacey,
thanks for your recommendation, but i don't want a navigation, i want widget in the topbar.
I want to display something left, center and right. And in the mobile version i get a second menu button.
Please more suggestions.
Thanks!
This guy is doing something similar to what you're wanting I believe: https://generatepress.com/forums/topic/before-header-hook-mobile/
You would break it up into 3 sections using the grid:
<div class="grid-33">
Content
</div>
<div class="grid-33">
Content
</div>
<div class="grid-33">
Content
</div>
However, making it show a menu button on mobile would require some considerable programming unless you were using the Secondary Nav add-on as Stacey suggested.
Hi Tom,
thanks but i don't want a Navigation, i try to create a topbar in our theme (http://hidalgofunfactory.com),
and want to put more information in a topbar, like Phone, Fax, Email, Open hours, Support hotline and Social media! For using columns i use Page Builder by SiteOrigin (Widget Layout Builder). I have issues what i create in your theme.
Other Idea?
The secondary navigation can be links or texts as what you currently have in that site. Each of those items you listed (Phone, Fax, E-mail etc) can be a Custom Link in your secondary navigation as Stacey suggested. For example:
For phone/fax, you would fill out the 2 fields in custom link as:
URL: tel:832-677-8474
Link Text: English (832) 677-8474
For Open Hours/texts:
URL: #
Link Text: 9am-5pm 7 days a week
For Social Media I would recommend:
URL: YOUR_SOCIAL_MEDIA_URL
Link Text: FontAwesome Social Media Logo
Hope this helps a bit!
Great post Leo.
To make it so the secondary navigation doesn't turn into a mobile menu see this post: https://generatepress.com/forums/topic/secondary-navigation-on-mobile-question/#post-120014
Thanks Leo and Tom,
but i can display only left, center or right.
I want display, something left, something center and right. What about images or other widget in the Second Nav?
You mentioned you were using a specific widget to create the layout?
Maybe just adding a widget area in the "Before Header" hook will do it?
Use a plugin like this: https://en-ca.wordpress.org/plugins/widget-shortcode/
Then add something like this to your hook:
<div class="top-bar">
<div class="grid-container grid-parent">
Widget shortcode in here
</div>
</div>
Hello,
what is the right way for displaying a widget in the top bar :
Thanks
Hi there,
Can you start a new topic and link me to the site please?
Thanks!