Menu on tablet

  • msdesignfoto

    (@msdesignfoto)


    5 years, 3 months ago

    Hello everyone

    I found a strange glitch on the site I’m working on.
    We have 3 menus:

    – the top menu for client login: it shows in every device – normal menu in desktop, small icon on phone and tablet
    – the main menu on a bar bellow header: it shows normal in desktop, small icon on phone and tablet
    – the “catalog” menu: a menu located on the left side in the landing page that shows normal in desktop, as icon in phone, and….. in the tablet its hidden. This catalog menu doesn’t appear when the client is browsing the store categories, it only appears in the landing page as a quicker way to navigate into the store categories.

    I used a plugin to hide the main menu on mobile view, since both menus end up showing the same, but in different ways. But it only affects the main menu, if I disable it, that menu appears again. BUT the catalog menu still doesn’t appear, so its not the plugin fault (the only setup I did was to hide the main menu in mobile view, not the catalog).

    So I wonder what is going on here to hide that catalog from the tablet view, but not from mobile?

    Thanks for the help

    • This topic was modified 5 years, 3 months ago by msdesignfoto.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • janet4now

    (@janet4now)

    5 years, 3 months ago

    I don’t see a top menu for login. Is your maintenance message covering it?

    I think you’d want to hide all menus other than the main top menu on tablet and phone. I would disable your plugin and use css to hide menus based on media queries.

    Figure out the browser width where you want the menus to start hiding and add that to your additional css.

    Thread Starter msdesignfoto

    (@msdesignfoto)

    5 years, 3 months ago

    Well, the top warning hides the top menu, but that’s not an issue. Its actually warning people that the store is still in maintenance (altough my client has received already 3 orders, wich was great for them).

    The plugin I’m using is not hiding that Catalog menu. I disabled that plugin and the menu doesn’t show.

    My issue is not about hiding certain menus, is to show the Catalog menu in tablet view. It shows in Desktop and Phone. When I test the site in my tablet, the Catalog menu doesn’t show. It appears in other devices…

    Moderator bcworkz

    (@bcworkz)

    5 years, 3 months ago

    The menu appears on my tablet emulator (Chrome dev tools), so some code is somehow detecting an actual tablet. (I don’t have an actual tablet) It’s not simply a CSS responsiveness issue as is usually the case. Narrow down the cause by switching to a twenty* default theme and deactivating all plugins. Tablets should then be able to access the menu, it’ll either be fully visible or there will be an icon through which to access. Restore your theme and plugins one at time until the menu disappears again.

    I recommend seeking help through the dedicated support forum of the responsible code.

    Thread Starter msdesignfoto

    (@msdesignfoto)

    5 years, 3 months ago

    Ok thank you! Will try to look around at my other plugins.

    Cheers

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Menu on tablet’ is closed to new replies.