Problem with Hamburger button but only in Responsive 480px setting 
Author: Peter S.
Visited 1002,
Followers 1,
Shared 0
I refer to my site championprenail.co.nz. I have responsive working as I wanted it to in all breakpoints exceot 480px where the yellow hamburger menu button does not work on my 2 cell phones.
In fact when selecting the Hamburger button in 480px the screen dims then nothing.. can see the page then dimly but NO drop down hamberger menu. So appreciate some help with that.
Also with a hamberger menu for the 720 and 1200 breakpoints, the Hamburger works OK but it drop the yellow down to bottom of the page.. Anyway of limiting that dropdown to just the depth of the 6 menu items?
As always, I appreciate the help I receive.. Thanks
Posted on the
Peter, the background colour to depth of page could be stopped by setting the background of the menu as transparent and setting appropriate background and text colours for each of menu item, item on mouse over and item on current page.
You may be more pleased with the overlay menu optional object? (you can see a preview under the design category)
As for no visible menu when selected on mobile, I see the same thing. You will find that if you select the menu and then swipe left (to view the area to the right of your content) your menu is well off the screen.
There is an object way outside of or way larger than the mobile display area, even on your PC you will find the horizontal scroll bar is visible along the bottom of the browser at every resolution except maximised desktop. Scroll right and you will see where the mobile menu appears (flush right) on the mobile screen.
As a temporary solution whilst looking for the "phantom" object you could set the hamburger menu to display flush left so users can navigate your site in the interim. Could the problem object be the horizontal line above the footer?
Author
Great thanks.. The horizontal line -- took that out and all seems ok..
Had a look at the optional object . Good to know, thanks
Will also experiment with your "setting the background of the menu as transparent and setting appropriate background and text colours for each of menu item"
Good result.