β†’β†’ Please check out our new WP Theme: Navian - Responsive Multi-Purpose WordPress Theme ←←
In case you can't login to submit a ticket, please hard refresh the browser and try to login again.
If the problem persists, please send us a message via THEMELOGI profile page so we can help you out.
To update the theme or plugins, please have a look on the article here: Theme & Plugin Updates. Also, if you can't import the demo content or the site is blank, please see our FAQs page for the solutions. Thank you :)

Tickets Tickets Roneous Primary Menu enhancements

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #8198

    How to set the minimum width of 991px to 1070px, so that the Primary Menu will switch to the mobile menu? Also, I want the Home link to only show the Home icon, and the menu link to change colour when it is in its respective webpage.

    Please advise. Thank you.

    #8202
    Danny
    Supporter

    Hi there,

    Thanks for writing in!

    To change the mobile menu breakpoint, you can try to open up 3 files below:

    1. themes/roneous/assets/css/theme.less
    2. themes/roneous/assets/js/scripts.js
    3. themes/roneous/style.css

    Then you can find 991 and replace all with 1070. Actually, I’m not sure if it work fine or not, you can try it and let me know here. If it isn’t work, please share us the admin account of your site via private reply so we can investigate your case and help you out. Also, please point to specific page where we can see the problem. Any screenshots would be welcomed!

    About the Home link issue, please specific more details, and point to specific page where we can see it. Any screenshots would be welcomed!

    Best regards,
    Danny

    #8205

    Many thanks for your assistance, Danny.
    I realised it isn’t just finding 991, and changing them to 1071 , but also 990 to 1070 within function tlg_update_nav().

    As for the Home link, your theme adds the icon in front of Home like such 🏠Home. But, I just want it as 🏠 itself, without Home after the icon.

    • This reply was modified 3 months, 3 weeks ago by  eljkmw.
    #8210
    Danny
    Supporter

    Hi there,

    Thanks for your info!

    To use menu icon only, please follow the steps here:

    1. Add a custom class to your home menu, named “menu-icon”, for example:

    2. Add the code below to your Dashboard > Appearances > Customize > Addition CSS (to show the menu icon only):

    @media (min-width: 1071) {
    	.menu-icon > a {font-size: 0!important;}
    	.menu-icon > a > i {font-size: 14px;line-height: 62px;}
    }

    Hope this helps,
    Danny

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.