Sticky Genesis Topbar

Mô tả

You must have the Genesis framework installed with an active Genesis child theme to use this plugin.

This plugin adds an area before Genesis header and footer and a options panel to the Genesis Theme Settings page where users can add or modify text, button text, button URL, and social media icons and set the position for Topbar. User also can remove the topbar by checking a checkbox in this section.

To edit settings: Go to Dashbaord -> Genesis -> Sticky Topbar


  1. Countdown Timer Demo Here.
  2. CTA (call-to-action) Text
  3. Social Media URLs
  4. Subscribe Form Integration (Pro Feature)

You will be able to add your brand’s social URL of following sites:
* Facebook
* Twitter
* Linkedin
* Pinterest
* Instagram
* YouTube
* Dribbble
* Medium
* Tumblr
* Vimeo
* Mobile/Cell Number
* Request More Here.

General Settings

  • Color changing options for topbar background, text, button text & background, and Countdown background.
  • Set Topbar width, font-size, height and button animation and effects.
  • Reposition Topbar position at top or Bottom.
  • Unsticky the Topbar.
  • Hide it even after configuration.

CTA(call-to-action) Text & Button

  • Write text for call-to-action section.
  • Add button URL for CTA.
  • Select the button URL target.
  • Select the button relation to nofollow or dofollow.
  • Write button text.

Social Media URLs

  • Add upto 10 social media platforms’ URL
  • Add cell or contact number.
  • Hide social media URLs / on mobile.

Countdown Timer Settings

  • Add text before the timer.
  • Set the date for Countdown.
  • Hide Countdown.


Sticky Genesis Topbar is compatible with any Genesis child theme, whether created by StudioPress or by a third party developer. Read full documentation here.

We are open for any suggestion for this plugin. Feel free to let us know here.

If you like this plugin, then consider checking out our other projects:

RainaStudio Blog – Web Development Tutorial and Other Resources
Switch CTA Box – Add Unlimited CTA(Click to Action) Contents
Menu Iconset – Add Description and Icon to Navigation Menu Item
Sticky Topbar – Add an Topbar area to Your WordPress Website

Ảnh màn hình

  • General Settings
  • CTA Text & Button Settings
  • Social Media Settings
  • Countdown Settings
  • Sticky Topbar Position at Top
  • Sticky Topbar Position at Bottom

Cài đặt

  1. Upload the entire genesis-topbar folder to the /wp-content/plugins/ directory (or install directly by searching in Plugins > Add New)
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. In the Genesis Theme Setting menu you’ll see submenu “Sticky Topbar”, add or modify content for your topbar from the meta fields.

Hỏi đáp

I don’t see any options after activating the plugin. Why not?

This plugin requires the Genesis framework. If you are using a Genesis theme, navigate to Genesis > Sticky Topbar to enter your custom topbar text.

What I can do using this plugin?

Well, frankly, you can add a BAR on your website which can used in purpose of giving user a message, notify them or promot any offer.

Need more options for this plugin?

Please leave your feedback or send your query to ashif[at]rainastudio[dot]com

Đánh giá

23 Tháng Ba, 2020
Great plugin. Super simple. I like that. Some suggestions for future iterations would be the ability to limit it to specific pages and also limit the duration that it shows. Just some thoughts.
Đọc tất cả 10 đánh giá

Người đóng góp & Lập trình viên

“Sticky Genesis Topbar” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

Nhật ký thay đổi


  • hook priority added
  • some css update


  • Translation file(nl_NL) added
  • Bug Fix
  • UX writing upgrade