Force display not working on Restaurant Menu list widget?
As the question says, why does the attribute forcedisplay=true not work anymore when viewing a Restaurant Menu List widget on mobile?
I want to display the entire menu instead of having to click an arrow to show the next items on the menu list..
Does anyone have a workaround to force the entire list to show like on computer/tablet version? 😊
Best regards,
Nikolaj
Best Answer
-
@nikolaj You can try the below solution (code provided). In the mobile view, update the Device Specific CSS with the below code -- Remember to update your div.u_######## so it matchs your widget's ID. I have added before and after images of the code which should help also.
Before:
After:
Code Example:
*#dm *.dmBody div.u_1588141415 .menuCategory1Cols,
*#dm *.dmBody div.u_1588141415 .dmRestaurantMenu .menuCategory2Cols { display:block !important; }
*#dm *.dmBody div.u_1588141415 .menuCatArrow { display:none !important; }
3
Answers
-
Wow, what a great hack you've found! Thanks a lot @Thomas_Connery
3
Categories
- 670 All Categories
- 2 Getting Started
- 48 Announcements
- 590 Ask a Question
- 15 Going Live & Publishing
- 84 Website Builder
- 5 App Store
- Custom Branding & Client Management
- 4 Team Collaboration
- 14 eCommerce
- 37 Conversations
- 3 Industry News
- 3 Website Design Feedback
- 2 Random
- 7 Idea Board
- Duda Experts
- 4 Events