- When do you need this document
- How to fix the Menu not Showing issue
- Guide to Fix The Menu Not Showing Issue
Solution on Mobile Menu not Showing
How to fix the Menu not Showing issue
- Bootstrap menu element has data, role and aria attributes that need to be on the element
- These are the lines of codes which are not implemented on the existing site templates like SSEO, IP and WSP before it was fixed.
- The following code was added: data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"
Guide to Fix The Menu Not Showing Issue
STEP-BY-STEP
-
1Log in as an administrator and go to the Admin Dashboard.
Learn how to log in here → -
2Go to System Settings > Module Management > Curly Bracket Tags
-
3Look for Menus under the column Name and click Edit
-
4On the line code #if (node.Children.Any()) from the children menus add the data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" inside the < a > code shown on the image below
-
5Test the mobile menu
