Adding dropdown menu item to table/mobile navbar "hamburger"

Design help General
1

Hi there,

I am trying to add a dropdown menu item to a menu header on my website. Specifically, I am trying to add a “Community Hub” page dropdown item to the “Our Work” navbar header. I have been able to implement this dropdown function in desktop views, but not for tablet or mobile. Furthermore, the “Our Work” section doesn’t appear in the hamburger menu for tablet once I’ve added it to desktop view.

Here is a loom video walking through the challenge.

I appreciate any help!

Here is my site Read-Only: Webflow - Healthierhere.org

2 
/* Default styles for larger screens */
.dropdown {
    display: inline-block;
}

/* Responsive styles for smaller screens */
@media screen and (max-width: 768px) {
    .dropdown {
        display: block; /* Change to block for mobile view */
    }
}
3

Thank you for sharing this. I’m still learning the ropes of how to implement changes to CSS on the site and can’t find where I can make the additions/changes you mentioned above. Any tips?