- This topic has 4 replies, 2 voices, and was last updated 2 years, 8 months ago by
.
-
Posts
-
Hello,
We like the new “display primary menu as accordion on mobile” feature included in the recent Grimlock update, but there’s a slight issue with it; secondary sub-items aren’t indented underneath their primary sub-item, meaning that all menu items are together as a single list under their main heading. This makes it confusing for the user.
We’ve attached a few screenshots to help explain the issue;
- How the issue presents from the front end in mobile view (and have indicated an example of which secondary sub-items from the menu should be indented).
- How the menu looks from the backend, and how the sub-items should be indented.
- How the same menu looks in desktop view from the front end.
The line spacing between menu items also appears to be inconsistent, as seen in the first image, which appears to be related to secondary sub-list items.
Thanks.
Hi Nifty,
Thank you for your precious feedback. There is definitely an issue in our theme which will be fixed in the next update.
We’ll be back to you as soon as the update is available.
Waiting the update, simply add the following code snippet to your website:
/** * Add margin left to sub-menu on mobile */ @media (max-width: 991px) { .grimlock-navigation-mobile-accordion .nav > li > ul > li > ul > li > ul{ margin-left:1rem !important; } }To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.
Pasting your code snippet there should do the trick for you.Regards,
Hi Manathan,
Thank you for the snippet, it seems to do the job. 🙂
Thanks.
Hello Nifty, 🙂
I’m glad to read that!
Best,
Hi Nifty,
We have just released a new update of Grimlock. Updating this plugin to the latest version should fix this issue.
After the update, the problem should now be fixed. However, you might still be seeing the issue because your browser cache is showing you an older version of the page (browsers do that to load pages faster). To see that the issue is resolved you will need to empty your browser cache and reload the page. If you want to read more on what browser cache is and how to clear it, here is an article that might help you: How to Clear Internet Cache in Every Major Browser.
Kindest regards,
The topic ‘Display Primary Menu as Accordion on Mobile’ is closed to new replies.
