removing the google like menu

is there a way to stop the site from condensing the main menu at the top to those three lines and keep the menu going across the entire top of the site like sites have been doing for decades with the navigation? For my older users they can seem to understand the concept or the words cant be seen in internet explorer which is the worst for this template. Thanks

Hi,

In this case you can change the tablet width in the template settings to smaller value so the mobile menu will be displayed only on the smaller devices or totally remove the following fragment from the tablet.css file:

Code: Select all

/* menu */
#gkMobileMenu {
   color: #666;
   display: block!important;
   float: right;
   font-size: 32px;
   height: 44px;
   line-height: 44px;
   margin: 15px 0 0 20px!important;
   overflow: hidden;
   position: relative;
   width: 44px;
}
#gkExtraMenu {
   display: none!important;
}
#gkMainMenu {
   display: none;
}
#gkMobileMenu select {
   display: block;
   width: 44px!important;
   height: 44px!important;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   position: absolute!important;
   left: 0;
   top: 0;
}
body[data-mobile="true"] #gkMobileMenu select {
   font-size: 50px;
}


but then you can get the layout problems on the smaller devices.