Top bar

A top bar, similar to an announcement bar, displays key information such as the website's contact address and other essential details. While both elements are positioned at the top of a web page.

Layout Features

Disable Announcement bar: This toggle option allows to enable or disable the announcement bar at the block

Disable Announcement bar in mobile:This toggle option allows to enable or disable the announcement bar at the block in mobile resolutions.

Disable Top bar: This toggle option allows to enable or disable the Top bar at the deskstop

Disable Announcement bar in mobile:This toggle option allows to enable or disable the Top bar at the mobile resolutions.

Color scheme

Color scheme: Set text color and background color with preset scheme

Spacing

Show full width: The Toggle button contains to enable or disable the full width of the theme.

Enable Right & Left Spacing: This toggle option contains to leave space on both sides of the container, it works while the show full-width option in the enabled condition

On disabling option the container width is taken to the header.

Alignment

Content Alignment: This option allow to align the text as respective options (left or center)

Information Block

Mail: Enter the required Mail id for the website to display in the top

Phone no: Enter the required Phone number for the website to display in the top

Text: Enter the required Text for the website to display in the top

Link: Enter the required Link for the website to connect it with the link and to display in the top

Show social: The toggle option allow to enable the social icons on the Topbar

Adding Blocks

Click Add Announcement

Add the respective Text and Link to the Announcement Block.