Hello bar with Timer

1. To use the hello bar with timer, simply drag and drop the Hellobar with Timer shown under Components -> Sections

By default, the hello bar with the timer will be sticky - on top. This can be made sticky - on the bottom as well using the dropdown option (Sticky).

2. To change the style properties of the text, click on the Settings icon and then Style settings would open.

3. To change the style properties of the timer, click on the Settings icon and then Style settings would open.

4. Timer configuration and settings can be done from the Advanced options on the style settings.

5. To change the style properties of the button, click on the Settings icon and then Style settings would open.

6. CTA for the buttons can be set on the Advanced settings on the style settings.

7.  Click the mobile icon on the top bar to change the experience on the mobile devices

8. If there are any alignment issues with the design, please change the style properties for the necessary elements and components of the section.

9. Publish the page. The published page appears like the below images on desktop and mobile devices.