Announcement bar

A guide to creating a flexible announcement message bar at the top of your website.

You have the flexibility to position the Announcement bar either above the Header to display it at the very top of a page or below the specified section. Simply use the drag-and-drop feature to place the section in the desired position.

Section settings

Settings	Description
Show announcement	The announcement bar section can be shown or hidden using the settings.
Page width	Boxed: With boxed width, page content can be displayed within the maximum width. The page width can be changed in Theme Settings > Layout. Full width: With the "Full width" option, page content can be displayed in its entirety full-width. When you show content at full width, you can add padding to the left and right sides.
Enable Offset (left & right)	It will work if you select the "Full width" of the page. When you enable this option, the padding on the left and right sides will be removed.
Color scheme	You can alter the color of the section.

Announcement bar blocks

1. Announcement

2. Countdown timer

Announcement

Countdown timer

Announcement block settings

Settings	Description
Show on home page only	The Announcement will only appear on the home page.
Hide on home page only	The Announcement will appear without a home page.
Text	You can add a text to announcement bar
Link	You can add a link.
Social media / Enable	In the announcement bar, you can enable or disable social media.
Country/Region Selector / Enable	In the announcement bar, you can enable or disable the Currency selector
Language Selector	In the announcement bar, you can enable or disable the Language selector

Countdown timer block settings

Settings	Description
Show on home page only	The Announcement will only appear on the home page.
Hide on home page only	The Announcement will appear without a home page.
Countdown timer	You can enabel/dsiable it.
Year/Month/Date	You can quickly change the year, month, and date.
Button	You have complete control over the button's settings.
Button label	The lable for the button text
Use arrow icon & Enable arrow icon on mobile	You can add a right arrow icon, as well as enable/disable it from a mobile device.
Button link	You can add a link to the button
Button type	Primary (Solid background button) Secondary (Outline button)
Button size	You can change button size following the settings, Large, medium, small
Text content	You can add a text to the announcement timer block
Enable close button	You enable/disabel the close button
Color scheme	You can change color scheme
Replace with your custom colors	There is an option to replace with your custom color

Video Tutorials