Off-canvas panels are positioned outside of the viewport and slide when active. This off-canvas menu can be accessed from the screen’s left, right, top, or bottom, and it can overlap, push, and operate with sticky elements. These are mobile responsive patterns that were created with mobile devices in mind. This can also be used as a sidebar on medium and desktop screens.
Off-canvas Reveal on Larger Screens is a feature that helps us manage the revealing of the off-canvas. Here we can use the specified classes to keep the off-canvas revealed in the large screen or the medium size and beyond. This feature can be helpful when we want that off-canvas viewport to act as a sidebar because we can keep the viewport open with toggling switched off in certain screen sizes.
Foundation CSS Off-canvas Reveal on Larger Screens Classes:
reveal-for-large: This class is used to keep the off-canvas viewport open when the screen size is large. It closes when the screen size is medium or large.
reveal-for-medium: This class is used to keep the off-canvas viewport open when the screen size is medium or large. It closes when the screen size is small.
Please Login to comment...