Hello bar with Text and CTA

1. To use the hello bar with text and a button, drag and drop the hello bar shown under Components -> Sections

By default, the hello bar 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 button, click on the Settings icon and then Style settings would open.

4. CTA for the buttons can be set on the Advanced settings on the Style settings.

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

6. If there are any alignment issues with the design, please change the style properties for the necessary elements and components of the section. By default, the Hello Bar is Mobile Responsive and there is nothing to be done on your end unless you have a requirement for the same. 

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