[Support request] Add a Widget in Topbar

Home Forums Support [Support request] Add a Widget in Topbar

Home Forums Support Add a Widget in Topbar

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #214958
    David

    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

    #215025
    Leo
    Staff
    Customer Support

    Try Dashboard > Appearance > Widgets and drag a Text widget into the Header box.
    Hopefully that’s what you are after 🙂

    #215186
    David

    Hi Leo, thanks, but it is only on the right side, and it is not this what i want.

    #215276
    Leo
    Staff
    Customer Support

    Able to show an example of what you are after?

    #215531
    David

    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!

    #215602
    Stacey Usborne
    Staff
    Customer Support

    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

    #215678
    David

    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!

    #215684
    Tom
    Lead Developer
    Lead Developer

    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.

    #215693
    David

    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?

    #215701
    Leo
    Staff
    Customer Support

    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!

    #215703
    Tom
    Lead Developer
    Lead Developer

    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

    #215704
    David

    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?

    #215806
    Tom
    Lead Developer
    Lead Developer

    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>
    #425842
    Thierry

    Hello,

    what is the right way for displaying a widget in the top bar :

    http://hpics.li/eea3152

    Thanks

    #426013
    Leo
    Staff
    Customer Support

    Hi there,

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

    Thanks!

Viewing 15 posts - 1 through 15 (of 16 total)
  • You must be logged in to reply to this topic.