Showing posts from January, 2018

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.