Your menu does not work on any mobile phones.

ON all mobile phones, apple and andriod alike, the menu does not show. Just a place that says "Navigation Menu". You have to select it and it drops down the page.


1. We installed the latest version 1.9 I installed it 2 days ago.


I tried two other of the sites I found in this forum and they mess up on the menu on our apple and andriod based phones also.



1. You can test your menu in an apple phone simulator online at http://transmog.net/iphone-simulator/mobile-web-browser-emulator.php

Looks the same as on our real apple phones.

I tried your example colorway theme from here: http://inkthemes.com/wpthemes/colorwayfurniture/
It messes up in the simulator I discussed above also.

 

I am having the same issue. Just thought it was supposed to be like that, with the Navigation Menu drop down.

All my menu and sub-menu items appear when clicking the navigation Menu button.

I am actually okay with the navigation Menu drop down in the Mobile View.

My only concern was the Mobile View on the sales page shows the menu bar across the top just like the Laptop View. Maybe the sales page needs to be updated to match the function or some info about how many menu items can be added before it automatically switches to the Nav drop down.

This is the site I am working on: http://sweetdzbakery.com/

Thanks.

 

Hello,
The menu is working fine, it is the functionality of the theme in the mobile view that you have to click on the navigation button to show the rest of the pages. And when you again click back to the menu it will hide the pages. So the menu is will just just like that and you can visit to other pages from there.

Thanks.

 

Is there a way to disable the mobimenu "navigation menu", in the mobile format?
Or only show the top level page, and not all the subpages?
My site has 500 + pages , and the "navigation menu" mobile becomes pretty unusable.
Please advise

 

The free version of bizway does not change the menu into the mobile "navigation Menu"
I would like to keep it like this on my paid version of bizway.

Which section of the code do I need to look at to specifically have this happen?
Thank you in advance

 

We have made the Menus mobile compatible and that's the reason instead of showing the menus in the regular fashion, they are automatically transformed into a single button, which on clicking opens up all the pages in it.

I think, Accommodating 500+ Pages would be hard on any kind of Menu, You can however create a Custom Menu and show the most important pages on the top menu as you want. It would display perfectly on all kind of Devices too.

 

This is what I have done. I only have 6 top level menu items,
yet there are sub-menu items and this is where it causes difficulty on the mobile "navigation menu"
If I could select to only show top level items in your mobile navigation menu then it would work like a charm.
Yet this one thing is holding me back from going live on my entire site.

Is it possible for you to answer the questions I posted above, that would be helpful
Thank you for all your help in advance.

01. Is there a way to disable the mobimenu "navigation menu", in the mobile format?
02. Or only show the top level page, and not all the subpages?

The free version of bizway does not change the menu into the mobile "navigation Menu"
03. Which section of the code do I need to look at to specifically have this happen in the paid version?

 

@amado,
Go to style.css present in your theme directory and remove the code given below

Code:

@media only screen and ( max-width: 768px ) {
    ul.ddsmoothmenu {
        display: none;
    }
    .it_mobile_menu a {
        display: block;
        padding-left: 15px !important;
        color: #3B3B3B;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .ddsmoothmenu .sub-menu{
        margin-left:100px !important;
        visibility:hidden;
    }
    .ddsmoothmenu .sub-menu li{
        margin: 0 !important;
        padding: 0 !important;
        margin-left:200px !important;
        clear:both;
        left:20px;
    }
    .mobile_nav {
        display: inline-block;
        text-shadow: 1px 1px 0 #fff;
    }
    .ddsmoothmenu {
        text-align: center;
    }
    #menu li {
        float:none !important;
        text-shadow: 1px 1px 0 #fff;
    }
    #MainNav {
        text-align:center;
    }
}

Sending image for reference

 

Thank you Gourav, I really appreciate it
Have a successful day.