Made in Webflow

CMS Grid Overlay

site profile thumbnail


CMS overlay on click (technical prototype) yep, its responsive ;) As you can see, every CMS item has a different grid-size. I achieved this with very little custom CSS code. The code is implemented inside the body at the very bottom. If you want every item to be the same size, just delete the custom code. Thats it. Keep in mind that links inside the overlay won't work. As soon as you click anywhere in the overlay it will close itself instead of triggering the link. If someone figures out how to achieve this, feel free to write it down in the comments and I will implement it in the project.
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.

prototypecmscmsgalleryoverlaygridgrid design

More by Martin Schulze-Schilddorf

See profile
View details
Scrollable Info-Graphic (Animated)