Alert Messages Are Hidden Under Header

Sometimes your header may be larger then default (especially if you are using a large logo) and you may find that Alert messages get hidden under the header. A quick way to fix this is:

Go to Settings > Company > Customize HTML.
2 In the Header box add the following code:

<style>
.header {z-index: 10 !important;}
.alert {z-index: 1002 !important;}
</style>

Click Update Settings.

Your Alert messages should now appear over the header.

Updated on: 26/03/2023