This topic is locked

How to change mobile menu icon to hamburger

10/31/2020 5:57:59 PM
PHPRunner Tips and Tricks
admin

PHPRunner's default mobile menu is a single horizontal line in the top right corner of the mobile screen. If you need to change it to the three horizontal lines also know as hamburger menu here is how you can do this. The same code will work for ASPRunner.NET and ASPRunnerPro as well.
Proceed to Event Editor->custopm_functions.js and add the following code there:

$( document ).ready(function() {

$("button[class='navbar-toggle collapsed']").append( '<span class="icon-bar"></span>' ).append( '<span class="icon-bar"></span>' );

});


And here is how it is going to look in your application.

milver 11/23/2020

I use in css code:
.icon-bar{

box-shadow:

0 0.25em 0 0 #999999,

0 0.5em 0 0 #999999 !important;

}