Modify the Announcement bar

Modified on Sat, 9 Jan, 2021 at 11:11 AM

Announcement bar is a static section which will affect all pages. To turn on/off the section, please go to Theme settings > General settings.

Announcement bar can be added more than one, due to your preference.


TABLE OF CONTENTS


1 - Settings

Layout

  • Boxed layout: Add a padding around the main wrapper.
  • Responsive section visibility (apply for all announcement bars): Fill the corresponding number into the textbox to:
  • 1: show
  • 0: hide
  • Easily change the Background & text colors with the color picker.
  • Responsive Grid layout: Decide the spaces for each part of the section. Total value must equal or smaller than 100%.

For example: When you insert "60% 60%" → the 1st part will occupy 40% of the section width, the 2nd part is the remaining width.


  • Responsive Grid spacing: The space between the column grids.


Border Settings

  • Adjust the border between contents in the same Column
  • Border color
  • Border color opacity
  • Adjust the bottom border which separates your announcement bar and the header.
  • Border size
  • Border color
  • Border color opacity


2 - Content

Column

Create a new column to group your contents, click Add content > choose Column.

  • Name your ticket in the Block label field.
  • Text alignment: Enter the value center/ left/ right.
  • Block visibility (For the current bar) : Fill the number into the textbox
  • 1: show
  • 0: hide


Item content

To create a new content in the announcement bar, click Add content > choose [+] Item content.

  • Name your block in the Block label field.
  • There are 04 Content types including:
  • Menu: You are able to add a menu on the Announcement bar by simply choosing the Menu content type then insert a menu using the Menu field below.
  • Text: Insert your paragraph in the Content field below. 
  • Social media: To modify the social icons, visit Theme settings > Social Icons.
  • Language and currency: To modify your store's currency, please go to Theme Setting > Multi Currency.


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article