It is common practice to replace regular menu on the mobile version of a website with a "hamburger" one.  In this article, you will learn how to do that in website builder WebWave.


 

 

 

Creating a "hamburger" menu in WebWave

In order to create a "hamburger" menu, enter a mobile version of a website (more about RWD read here) and in side edition panel in "Menu settings" select "Menu type: Mobile".

 

 

Customize menu to look exactly how you want it. Change menu width, position and image so it perfectly suits your project.

 

 

  1. Menu type - select what type of menu should be on a mobile version of your website.                                     
  2. Image - if you don't like default image of "hamburger" menu you can easily change it.
     
  3. Menu position - select where the menu will be displayed on a mobile device:
     
    • Below the element - menu rolls out under the menu. After selecting this option, you can also choose the menu width:
      • 100% - menu rolls out and has a width of the whole screen


         
      • Auto - menu rolls out and have a width of its broadest element


         
      • Element width -  menu rolls out and have a width of the menu icon


         
    • the left edge of a screen


       
    • the right edge of a screen


       

As you can see, mobile menu features give you a lot of possibilities to make mobile menu suit your website just like you want it. 

How to add a mobile menu to a website

15 January 2019

Back

This website has been entirely created using our web design software WebWave. We use cookies to give you the best possible experience. Read more.

FIND US ONLINE

HELP DOCS

WEBWAVE

FOR CUSTOMERS

OFFER

WEBSITE BUILDER

Click here to chat with us.

CONTACT

contact@webwave.me

PANEL WEBMASTERA

GET STARTED

Free website builder WebWave makes creating websites effortless. You can start building your website either from scratch with a blank page or, if you are looking for some inspiration, with a free template.  Web design software for free? It is easy!

Didn't find a solution to your problem? Contact us on live online chat or ask on Facebook group.

 

Missing any feature? Share your ideas with us.

 

PANEL WEBMASTERA

LOG IN

GET STARTED