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
  1. Create a row and add a Custom CSS Class

  2. Add the header elements to the row
  3. 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)
  4. The row that is immediately below the header should also have a Row Top Margin set equal to the height of the header.


Popular posts from this blog

I have joined the Sharing Minds team

Welcome to my new blog CodeJedi