How can I add a menu-icon when I scale a page down below 769px?
I added a button a one page site that I am developing in order to display the menu on mobile devices.
Used this in jquery:
if($(window).width() < 769){
$('html').append('<i class="fa fa-bars menu-icon" aria-hidden="true"></i>');
}
The menu shows up if initially start the site with a window of size below 769px..but if I load the page on a big screen and try to resize the window to a width below 769,the menu-icon does not show up immediately.Instead I have to refresh the page for it to appear.
Thanks in advance