Streaming live at 10am (PST)

Reducing nav links to breadcrumb of current page and dropdown in mobile devices

Currently struggling to find a solution for reducing a desktop navbar with 3 main links to a mobile navbar (tablet and below) to show only the current page as a sort of breadcrumb.

Current desktop nav:
image

How I am trying to get it to look/behave on tablet and below:

The idea is then the page after the ‘>’ is whatever the current page is. When you click on it, you see a dropdown with the other pages.

I can do the reduction of the logo-name and chevron with showing/hiding the elements, but struggling with knowing what to search for help with showing only the current page and a dropdown of only the other pages (not all pages).


Here is my site Read-Only: https://preview.webflow.com/preview/personal-site-701a48?utm_medium=preview_link&utm_source=designer&utm_content=personal-site-701a48&preview=cdb5cdeb63abcc9cb0b92ded801ad385&mode=preview