Menu not showing up on iPhone

Hi there,

Thanks for writing in,

To achieve the menu on small devices, you can try following code under Appearance > Theme Options > Custom CSS:

@media only screen and (min-device-width : 768px) {
 .glyphicon-align-justify:before {
   content: "\e055";
   content: " Menu " !important;
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   font-size: 20px;
 }
}

Thanks.

Thanks emranemranx for the reply. I tried the above code still I don’t see the menu bar. It displays a small square with couple of black lines and touching on that it comes with a list of menu and submenu.

Hi there,

Please try this code under you Custom CSS:

@media only screen and (max-device-width : 768px) {
 .glyphicon-align-justify:before {
   content: "e055";
   content: " Menu " !important;
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   font-size: 20px;
 }
}

Thanks.

Hi emranemranx

Now instead of a small box with few black lines it shows a button with Menu on it. So on this device it is not possible to display the Menu bar?

Thanks for your help.

Hi there,

You can try adding this code into your custom CSS:

#wrapper .dd-container .dd-select {
    display: none;
}

#wrapper .dd-options {
    display: block !important;
}

Thanks.

Thanks emranemranx. It still doesn’t display the menu bar, it lists all the menu and submenu items. If the menu bar cannot be displayed then it is better to display the Menu button I guess.

thanks for all our help.

Hi there,

In such case, you can stick with the Menu Icon by using the following code:

@media only screen and (max-device-width : 768px) {
 .glyphicon-align-justify:before {
   content: "e055";
   content: " Menu " !important;
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   font-size: 20px;
 }
}

Thanks.