Can you please tell me what I am doing wrong with this simple interaction I am trying to do.
When clicked I simply want the mobile navigation (hamburger) to turn sideways at 90 degrees, but open the menu. Then once the user clicks the hamburger icon again rotate back to 0 degrees and have the menu close.
First off, I can’t seem to test this without publishing live? Is this an error? Also, if someone could please help me I would greatly appreciate it. I am trying to publish this live tonight if possible! Thanks guys!
Only thing, sometimes there is little bug can happen and menu stop to work (open). Just add new navbar to the page and delete it again, it will fix the issue.
@sabanna - one last thing. How would I change the color of the hamburger menu item when clicked to become red. I have tried to apply the “pressed” state and it didn’t do it.
When you say “closed menu and open menu states” I don’t see those when I click open menu. I am only seeing the open state on the background of the mobile menu icon, not the actual icon image. Can you show me how please.
Well, lets see.
I think you would want to check menu links on desktop view, they are in staying in opposite direction (“home” - last). It probably because of float settings.
Yet icons in the row get stretched on big screen and looks odd
On mobile view, I would suggest to make menu links height bigger, because now it is easy to tap wrong one, they are too close (I have not fat fingers )
And last question (based only on my personal preference): is there were some other option about background color for the site?
haha you don’t sound mean, you’re truly awesome! They want a black background for some odd reason. I plan on placing background images on the sections to make it pop more - maybe even a background online video. For the menu on mobile, you are 100% right, I do need to increase the spacing - thank you for pointing this out to me. As far as the icons being stretched on wide screen monitors, what do you suggest, or what have you done to make this not happen? - Currently I have them set to % on widths, do I need to make them a solid pixel width so the stretching doesn’t occur?