Cart button in Nav disappears on mobile

Design help General
1

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)

2

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

3

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
4

Good to hear :grinning: : Happy designing!