How to fix the overlapping issue in 'Hello bar'

If your website has a sticky navigation bar there might some overlapping issues but don't worry the fix is pretty straightforward.

1. Go to the page where you have added the Hello bar module
2. Edit the page and click Settings > Advanced
3. In the header HTML section add the following code.
4. Publish the page.

<script>
$(window).on("load resize", function (event) {
  var $navbar = $(".hello-bar-module");
  var $body = $(".sticky-menu.active");
  $body.css("top", $navbar.outerHeight());
});
</script>

➤  FURTHER READING

Hello Bar basic setup guide