Streaming live at 10am (PST)

Header and footer broken on mobile and tablet

Hi all,
My header and footer look ok on desktop mode but when I switch to the mobile preview they’re completely broken. I can’t open the burger menu in both the preview and the builder.
My footer looks “ok” on desktop but is completely broken on mobile.
Do you have any idea what’s wrong? I’m beginning on webflow.

Thanks a lot!


Here is my site Read-Only: https://preview.webflow.com/preview/koobers-lp?utm_medium=preview_link&utm_source=designer&utm_content=koobers-lp&preview=8b5955e91e71af61fd35350907842f0b&mode=preview
(how to share your site Read-Only link)

I’m not sure what you did to the nav component but you apparently broke it and I’m not sure how to fix it. I’d suggest dragging out a new one and rebuilding your nav. you also have a secondary nav in there too for some reason.

Hi David,
Thanks for your reply.
I have a secondary Nav bar that’s hidden because there are two buttons that don’t want to fit in the burger menu in tablet and mobile view. So I’ve decided to build a new one and hide the first version.

Why not just make the links you don’t want display:hidden on mobile? Thats a good start. But honestly it seems there are quite a few issues with the site that may be able to be fixed with just a bit of learning on the university page https://university.webflow.com/. I strongly suggest taking a look and learning a bit more. But feel free to ask more questions if you can’t figure it out.

But I do recommend you simply rework your navigation fresh.