Page specific menu items not working on mobile and tablet mode

  • Hi, first of all I want to thank You for this plugin. I need to create a restaurant web site with two locations. Every location needs its own set of pages witch are basicly the same, but contain different content. I have created one menu that contains all pages, pages for one location, and pages for the other. In my case your plugin was ideal for me ’cause on the pages of the 1st location I needed to hide all pages from second location, and contrary, and it works fine.

    The problem happens when I switch to tablet or/and mobile view mode. When i switch to different mode or resize browser all menu items that were hidden are now visible, like the .hide_this_item gets overwritten. Can someone please help me with this problem, I would be most grateful.

    Sorry for bad grammar :,).

    Veki

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author dharmapoudel

    (@dharmapoudel)

    Hey Veki,

    The easy solution would be to add !important at the end of the css declaration. But then it might not work if hide_this_item class is removed by some javascript (that is the major problem with many javascript responsive menu plugins).

    Share your website here (or send me link directly) and I’ll take a look.

    Thanks,
    Dharma

    Thread Starter dajzabrata

    (@dajzabrata)

    Hi, thanks for the reply.

    I can’t send you url cause im developing on local environment. I have learned that when I resize browser, or chang to tablet or mobile mode, a normal header menu is being replaced with simpler one, called #simple-menu, and I think this menu is somehow overriding hide_this_item. I found how to hide #simple menu, and it’s working (#simple-menu{display:none!important;}).
    I also tried to target menu items within the #simple-menu but it just doesn’t work, maybe I’m doing it wrong. i tried to add the following code into quick CSS :

    #simple-menu.menu-item-56.hide_this_item{ display:none !important; }
    and
    #simple-menu .menu-item-56 {display:none!important;}

    None of those really work. If my syntax is wrong, I would be most gratefull if You could help me out.
    I forgot to say that I’m using optimizer theme, and this problem exist just with mentioned theme, I have few other themes installed, but they don’t have this problem.

    Hi!

    I have the same problem. The plugin works perfectly on desktop, but when I check my site on my mobile, using mobile menu, the menu shows all the items (does not change from the initial state).

    This is an example link: https://gwconsulting.ro/ro/acasa-apl/ on desktop hides some menu items, on mobile not.

    Thanks,
    Istvan

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Page specific menu items not working on mobile and tablet mode’ is closed to new replies.