Posts

Showing posts from 2018

Getting the Header to stick in LiveTiles

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