Navigation is too skinny on tablet breakpoint

omerwaiz · February 26, 2018, 5:59pm

Hi

for the past week i have been struggling to do the most simplist of tasks … i want a fixed nav bar on the left side of the browser.

i have 25+ items in my navigation.

i am using the webflow library navbar.

Desktop is working the way i want it to.

when i go to table and mobile resolutions…the open menu is getting cropped inside the nav bar.

below shows what i mean:

project share link:

im calling this a bug…please help

PixelGeek · February 26, 2018, 6:40pm

Hi there Try setting a width to your navbar since you have an overflow:auto

hope this helps

omerwaiz · February 26, 2018, 6:59pm

Thank you.

Question.

Does this mean my closed state nav bar needs to be the same size as my open menu?

i was hoping that i could keep the navigation on tablet and below to 60px on closed state.

and when user clicks on “hamburger icon” it opens the menu and the width is wide enough that the content does not crop.

–

i tried to do a work around on another version for same site.

the only way i could solve this is with keeping the menu in “hamburger” for all breakpoints.

and then i animated in between open and close state. its not ideal…but its not cropping any information atleast

–

thank you for your help

system · April 28, 2018, 3:59pm

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