Scroll away header

 Link See a live example.

 ViewView source code in CONTENTdm Cookbook Demo Site.

The default header for the CONTENTdm website in desktop/tablet view mode is configured to stay fixed at the top of the screen while the rest of the page scrolls under it. In mobile view, the default header scrolls along with the page. Some users would like to see the desktop header scrolling along with the page as it does in mobile view. This change is quite easy to achieve using custom CSS.

This recipe is a single CSS file that is best applied to your site at the global level in the Website Configuration Tool. Upload the CSS file in the Website Config Tool on the Global Settings > Custom > Custom CSS dialog.