Site logo

Archived topic

Add a Widget in Topbar

15 replies · Started by David on August 2, 2016

Viewing posts 1–15 of 16

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 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!

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>

Hi there,

Can you start a new topic and link me to the site please?

Thanks!

This archived topic is closed to new replies.