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
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
Announcement
Countdown timer
Announcement block settings
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
Announcement block (COLLAPSIBLE CONTENT)
Countdown timer block settings
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
Last updated