Author Topic: Hamburger menu for a Webplus mobile site  (Read 434 times)

0 Members and 1 Guest are viewing this topic.

Offline Lon in NWArkansas

  • Ninja
  • Full Member
  • ***
  • Posts: 481
  • Gender: Male
  • Board Member
Hamburger menu for a Webplus mobile site
« on: September 23, 2017, 11:38:21 AM »
I can see that we've not had a whole lot of action on the forum of late.  However, taking a chance that someone might be looking, I need a "hamburger" for a WebPlus mobile site I'm working on.  Anybody got one, or a good tip for developing one?

TIA


EDIT:  Nevermind.  I found one in the WP Pro Templates.

Lon "I'm suddenly hungry" in NWArkansas  ;D
 

Offline Mick

  • Administrator
  • Immortal
  • *****
  • Posts: Overload!!
  • Gender: Male
  • Board Administrator
    • Live WebPlus Support
Re: Hamburger menu for a Webplus mobile site
« Reply #1 on: September 23, 2017, 11:44:25 AM »
Hi Lon,

Would not a quick shape with three lines in it, linked to an hidden panel containing a menu not suffice?

Can't really think of any other options really, Webplus related unless there is one within one of the templates
Live 1 to 1 WebPlus Support - [ninj] http://www.webplus-support.co.uk  [ninj]
 

Offline Frank B.

  • Support
  • Full Member
  • ***
  • Posts: 263
  • Board Member
Re: Hamburger menu for a Webplus mobile site
« Reply #2 on: September 23, 2017, 04:28:00 PM »
For others who may wish to do this, here is how to do it.

I think the easiest option in WebPlus is to add a hamburger menu icon to your header and hyperlink it to a panel in which you create the menu. You can have the panel appear on mousover and disappear on mouse out. However, if it's for mobile use, you should set the action to mouse click to reveal the panel and mouse click outside the icon to close it.

Attached is a suitable icon that you can use. If you need to change the colour from grey, just open it in an image editing app and use the recolour option - basically, make a colour selection using the grey colour and then use the paint bucket tool to fill the selection with a new colour. Be sure to save out the new icon as a png in order to keep the transparent background.
 
The following users thanked this post: Mick

Offline Archibald

  • Full Member
  • ****
  • Posts: 251
Re: Hamburger menu for a Webplus mobile site
« Reply #3 on: September 24, 2017, 04:49:57 PM »
You can't apply actions to a group of quickshapes unless you opt to export them as a single graphic.

I think it should be possible to use JavaScript to move page content down to reveal the hamburger's navbar.
 

Offline meanman

  • Senior Member
  • ***
  • Posts: 94
  • Gender: Male
  • Board Member
Re: Hamburger menu for a Webplus mobile site
« Reply #4 on: September 25, 2017, 03:48:54 PM »
 

Offline clitheroe kid

  • Full Member
  • ****
  • Posts: 146
  • Gender: Male
  • Board Member
Re: Hamburger menu for a Webplus mobile site
« Reply #5 on: September 30, 2017, 06:30:20 PM »
Is the attached of use to you?

Joe
Some people think that I have Attention Deficit Disorder. They just dont understand that........ Hey! Look a chicken!