Nav bar not working on tablet and mobile breakpoints

[shonali]

Hi,
Could someone help with this please? The navigation bar works fine on the desktop, but in tablet and portrait modes, in some pages the navigation drawer does not go back and the links shift position as well.
Thanks,
Shonali

https://preview.webflow.com/preview/ekagrid-6eca0a?utm_medium=preview_link&utm_source=designer&utm_content=ekagrid-6eca0a&preview=2e1e5e92d3d0093e7da2a7e6007df0bc&workflow=preview

---

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[cyberdave (Dave S.)]

Hi @shonali, thanks for the post.

Could you help to share what page as an example the navbar menu is not opening as expected and the links are shifted?

I suspect that maybe there is a style issue with the links between pages involving the Current class state.

The Current class state is automatically applied to a link whenever one of the two conditions are true:

1. The page that the link is set to open is the current page loaded in the designer
2. The current section that the link is set to scroll to is the current visible section in the viewport in the designer view.

Could you help to share a screenshot or screencast that helps to the behavior?. Here are some good tools: Loom, Cloudapp

Thanks in advance
.cd

[shonali]

Hi Dave,

Thanks for your response. I am attaching screenshots for your reference. This happens in tablet and mobile views - the navigation grey bar on the left doesn’t move away in the Core Team, AI Advisory Council and the Young Stars pages. It works fine for the About page. Do let me know if you need anything else from me.

And for some reason today, the links are not moving out of place - yesterday they were moving to the right of the grey band after they were clicked on.

Thanks,

Shonali

[shonali]

Hi Dave,
I have attached the screen shots for your reference. Please do let me know what needs to be done.
Thanks,
Shonali