Overview

While scrolling in expanded view you may observe that buttons in the header become misaligned and you would like to implement a fixed header to prevent this from occurring.

Solution

In order to implement a fixed header, you will need to add the following into the customer.css file under the styles/update folder.

1. Navigate to the styles/update folder and add the following lines to the customer.css file:
   

   .u8-header.page
   {
       position: fixed;
       background-color: #EDEDED;
       top: 0px;
   }
   
   .u8-expand
   {
       margin-top: 50px;   
   }
   
   .u8-recordtreeview>.center
   {
       margin-top: 18px;
   }

   If any collision problems are seen on different pages, adjust the margin-top property of the problematic HTML element like shown in the above example.
   
   
2. Save the file

Back to top