How to move the page when opening navigation?

Design help Animations & Interactions
1

Hello everyone! I encountered a problem. I have a NavBar for tablet and mobile versions. I’m trying to create a smooth animation where the dropdown menu opens from the right side of the screen.This menu covers part of the page… I would like the page to move to the left as well.

I tried creating a move animation for the main page container. It works, but the menu also moves to the left, leaving an empty space on the right. Can anyone suggest how to implement this? I need the menu to open from right to left and move the entire page to the left. I would like to achieve this using Webflow’s built-in capabilities if possible. I prefer not to create separate containers outside the NavBar.

Here is my public share link: LINK
(how to access public share link)

2

This is really a nice effect but to achieve this you should have your whole page content inside a separate DIV, expect for the Navbar block. This ensure that only page content moves not the menu.

You mentioned that you do not want to create new DIV but it would have been helpful to understand your layout if you have shared your project link.