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:

1. 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>

3. Click Update Settings.

Your Alert messages should now appear over the header.

Updated on: 26/03/2023