Streaming live at 10am (PST)

Cart button in Nav disappears on mobile

Hi everyone.

The cart button in the nav bar is disappearing on mobile.

https://preview.webflow.com/preview/maxwell-blessens-five-sta-f6a34106406a6?utm_medium=preview_link&utm_source=designer&utm_content=maxwell-blessens-five-sta-f6a34106406a6&preview=117bbcc37f6b94fa7bfe7430fbf429ef&mode=preview


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

Hey Mblessen

Looks like you are using a fixed width on container 12. This is causing the navbar to overflow. I would suggest that you instead use max-width, so the items don’t overflow. I can also see that you are giving each element its own classname. This will hurt readability and performance. Using the same class name for elements that need to be styled the same is a good practice :grinning:

David

Hi David, I noticed that and and corrected it. Upon looking into the CSS preview, I noticed the display was set to “none” on the cart button tiny class. That fixed my issue! Thanks for the tip though!

1 Like

Good to hear :grinning: : Happy designing!