I am trying to get the first page of my test site set up to be responsive, but am not having much luck.
Everything is working so-so ok, except for the header and the footer.
The header menu doesn’t seem to go into hamburger mode automatically when scaled down. Some menu options also go off screen in the smaller sizes.
Any help fixing this would be appreciated.
The footer problem may be be just too many characters for the link names.
This is my [read-only link]
Thanks for taking the time to read this.
Stay safe and enjoy!
Here is my site Read-Only: LINK.
Hey,
it seems like your navbar is set to “Always appear” for the menu icon.
You need put all your nav links inside the “Nav Menu” div and set the menu icon to appear on a lower breakpoint (probably tablet). Then you’re able to style the “Nav Menu” on that breakpoint.
For the footer, you probably want to let your “Footer Link Wrapper” wrap its children down horizontally (using flex).
Thank you for taking the time to answer my question.
It is appreciated.
I was able to fix the footer thanks to your suggestions.
While I understand what you said about fixing the header, I am not able to put your advice into practice. I am still missing something.
Here is what I see in the desktop mode
And this is what I see in the tablet and lower modes
Now the menu disappears completely when Tablet mode is used. What am I doing wrong?
My read-only link is [Webflow - testa]
