Skip to content

Instantly share code, notes, and snippets.

@wplit
Created December 15, 2020 03:00
Show Gist options
  • Select an option

  • Save wplit/fdfdd0fa8be510b55dd49254456e6df2 to your computer and use it in GitHub Desktop.

Select an option

Save wplit/fdfdd0fa8be510b55dd49254456e6df2 to your computer and use it in GitHub Desktop.
showing a certain part of the offcanvas while it's still closed, for displaying icons etc.
/* Change the ID to match your offcanvas ID */
#-off-canvas-558-275:not(.oxy-off-canvas-toggled) .offcanvas-inner {
--offcanvas-visible: 105px; /* Change this to width you want visible */
-webkit-transform: translate(calc(-100% + var(--offcanvas-visible)),0);
-ms-transform: translate(calc(-100% + var(--offcanvas-visible)),0);
transform: translate(calc(-100% + var(--offcanvas-visible)),0);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment