Navbar link is cut off. HELP ! How do I fix this?

Design help General
1

My Navbar Link that says “Contact” is cut on the iPad Pro. Any one know how to fix this ? Here’s my link.

https://preview.webflow.com/preview/coworkingspace-project?utm_source=coworkingspace-project&preview=02cc50a287c251fb3b00520db5bc46f8

2

Hi @mkh_develops

Here a quick video on how to fix this:

  1. Replace the nav container by a new div and put everything inside it.
  2. Delete the old container.
  3. Give the new div a width and height and make it center (you’ll need to play with this width if it still doesn’t fit on ipad).
  4. Select the nav menu and make his position auto.
  5. Select the new div block and make it display flex.
  6. You’ll need to set back the width to 100% on tablet and mobile.
  7. you’ll need to review the design/position of your tablet/mobile dropdown menu.

Hope that helps!

1 Like
3

Hey thanks man!!! This worked perfect!!!

1 Like
4

Thanks so much for this. I was completely baffled by what I was seeing, and this helped me fix the problem I was having!