Fixed position of sub menu when scrolling

Hi guys,

I’ve been trying to duplicate the sticky sidebar from Webflow’s site (from Free web design courses and tutorials | Webflow University) but I can’t seem to do so in the same format it’s been done. It’s either fixed at one place, or it’s moving across the page. Does anyone know what position or interaction setup that was done to achieve this?

I’ve looked at other threads but most topics talk about the navbar being on the side and with 100VH or on top-most of the site.

You need to use custom code as the “sticky” CSS property is not supported in the designer. Here’s the style used in the linked page:

.sticky-sidebar {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 50px;
}
1 Like

Thanks. There seems to be several complex solutions to achieveing this but this is perfectly simple :+1:

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.