Hi everyone. Thanks for looking at this topic!
I have my cart in the main nav menu.
The cart is visible in the navbar by default on desktop and mobile.
But on mobile I’d like to hide the cart and have it only appear as part of the dropdown list when clicking on the Menu Button (hamburger). With other words I want the cart to be responsive and behave in mobile like all the other menu items.
Instead the cart behaves in mobile like the “Brand” and shows up in the top nav menu next to the hamburger.
I tried to add the cart to the same nav menu wrapper as the other Nav Links, but it won’t let me do that. I then tried to add an extra div and then add the menu items plus the cart to that div – no change.
Is there a simple way to achieve this within the Webflow designer?
If there’s no way around custom code please explain how I do that (I’m still a novice in Webflow and even though I know some CSS and HTMLX basics I’m not a programmer).
I appreciate it your advice!
Here is my site Read-Only: https://preview.webflow.com/preview/oic-wireframes-sg-test-2bcd2d84bf3423d9?utm_medium=preview_link&utm_source=designer&utm_content=oic-wireframes-sg-test-2bcd2d84bf3423d9&preview=67d6cc255726c5fa9db030eebf3f2545&workflow=preview
