-
Posts
-
Good day all!
I swear that in the past, I have been able to have drop-down menus work on phones and tablets. I don’t mean the hamburger/pancake menu, but the regular menu that when you tap on a menu item, it drops down for the rest of the menu, just like on a desktop. Is there a way to specify which resolutions get the full menu and which get the pancake menu? I am assuming media queries, but would like to know if there are ones already setup for this, or if there is another way that you would recommend?
Thank you!
-jasonHey Jason,
I might have misunderstood you but that has never been possible with the mobile menu. Maybe you could try to explain a bit further in case I have misunderstood you, or maybe post screenshots of what you would like to change/implement?
Regards,
RikardSorry, I can see how it probably does not sound clear. I was talking about button state control. On desktops, there are multiple states of a button, allowing for hoer, click, active, etc. Because mobiles and tablets have button states that are more in tune with either on or off, a menu drop-down fails to work on mobile or tablet platforms.
I have seen it where that menu will switch to being an onHover display to an onClick display. I cannot remember where I saw it. I swore it was done on an Enfold-based site. Can there be a function that replaces the button states when it senses a mobile or tablet platform?
Hey!
This is why the mobile menu is added in order to compensate for touch devices’ lack of link or menu states and space.
Can there be a function that replaces the button states when it senses a mobile or tablet platform?
I’m sure this is possible but this is not something that we can provide here. Please hire a freelance developer or contact codeable: http://kriesi.at/contact
Best regards,
IsmaelHi Ismael,
I can understand where you are coming from, but would like to point out an issue that happens that lets viewers fall through the cracks: large tablets and television displays.
Because some tablets either have high resolution displays and/or are large in size, the typical media queries used to show mobile menus fail to display, yet because the navbar does not drop-down, they have to click thought every single layer of a menu, page by page. Also, as televisions become displays more and more, we are seeing the same issue. I worry that the singular approach of media width queries does not address the button state changes at all resolutions.
That all said, I would be curious to know what you and the team plan as these types of displays become more of the norm than the exception. We are already at that crossroads here and would like to have some sort of idea on what the road forward can be.
- The topic ‘How to achieve drop-downs on tablets and mobiles?’ is closed to new replies.