Streaming live at 10am (PST)

Can I make the hamburger icon open up rather than down on ipad/phone?


#1

I choose to put navigation on the bottom and I wanted the hamburger icon and menu to open up rather than down on ipad/iphone, but I cant figure it out. Any help would be great.

https://preview.webflow.com/preview/nola?preview=422ec2cabd7ab00a1586973b96442425


Here is my public share link: LINK
(how to access public share link)


#2

Does anyone know how I could achieve this? Any help would be much appreciated. I included screenshots. I'm trying to have the menu open up rather than down.


#3

@postpostmodern,

I'm sure you can set the nav container as absolute -> bottom... but I'm not sure if the menu would display correctly.

As a user experience designer, I would advice you against this as it's not user friendly. Instead, you should try to make the menu container fill up the whole screen as an overlay, similar to a popup lightbox.

Check out hugeinc.com in a tablet/mobile and click the top right hamburger icon to see what I mean :wink:


#4

Thanks for the response. I was doing some messing around this morning and came to the same conclusion. Still making tweaks but it seems to be working how I wanted.

Thanks @nwdsha

I think this is solved.


#5

You're welcome @postpostmodern

Really diggin' it.

Tip: Add a closing X icon in the same position of your opening hamburger icon.


#6

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