Nav menu not right on smaller displays (inc. iPad) - Cuts off the content on the bottom

Design help General
1

Hi,

The nav menu on the site displays perfectly on large screens, but on smaller displays including ipad landscape, it’s not quite right on the bottom - It’s as if there’s too many nav links on the menu so what needs to be done I guess is to squash the nav links together a bit on smaller displays.

Any help appreciated.

Thanks

Here is my public share link: http://hpd.webflow.io
(how to access public share link)

2

Hi, I’d appreciate a hand with this if anyone has any idea.

Thanks

3

Hi, @alunj92

Could you please update your post with read-only link so we can help you faster?
How to share a read-only link:

Thanks in advance! :slight_smile:

Cheers,
Anna

4

https://preview.webflow.com/preview/hpd?preview=3b999fd03fd179a0fa72941382e7bf05

5

I would suggest making top and bottom padding for the nav links equal 1.2 vw (in the desktop mode). Then it will depend on screen size and will shrink a bit for the iPad landscape.

Cheers,
Anna

1 Like
6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.