Getting the Header to stick in LiveTiles
I have recently been working on a client SharePoint design using LiveTiles responsive design and one of the requirements is to lock the header elements to the top of the page. Well below is a step by step guide to getting the header to stick
- Create a row and add a Custom CSS Class
- Add the header elements to the row
- In Page Settings add the styles to the Custom Code In Document Head section
Note: It is important to add the styles for .lt-slide-side and .lt-close-btn to ensure the slide out functionality of LiveTiles still operates (i.e. is in front of the header)
- The row that is immediately below the header should also have a Row Top Margin set equal to the height of the header.