Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

In regards to the COVID-19 situation

Your support team is currently doing their best to offer the best support possible despite the current COVID-19 situation. However during these exceptional circumstances, please note that you should expect a response time of 2-3 business days, until further notice.Rest assured that we will still do our best to handle your requests as soon as possible! Everyone stay safe and healthy! 😷

Display Primary Menu as Accordion on Mobile

Waiting for Themosaurus team
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • Nifty
    Participant
    • 29 Topics
    • 136 Posts
    @niftythree

    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;

    1. 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).
    2. How the menu looks from the backend, and how the sub-items should be indented.
    3. 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.

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 3712 Posts
    @themodactyl

    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,

    Nifty
    Participant
    • 29 Topics
    • 136 Posts
    @niftythree

    Hi Manathan,

    Thank you for the snippet, it seems to do the job. 🙂

    Thanks.

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 3712 Posts
    @themodactyl

    Hello Nifty, 🙂

    I’m glad to read that!

    Best,

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

You must be logged in to reply to this topic.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️

Discover MatchPress

Skip • Like • Super-Like

Add powerful matching features like Member likes, skips, super likes, conditional private messaging and much more.