Sub Menu Indicator

  • Resolved wordtalk112

    (@wordtalk112)


    6 years, 2 months ago

    Hello

    I previously decided to try Elements kit again after a bad experience with incompatibility with my website.

    So far it seems to be working.

    Apart from my mobile menu, I want to open sub-menus without needing a sub-menu indicator, but you are unable to open the menu unless there is a sub-menu indicator. Is there a way around this.

    Image included regarding what Im referring to. HERE

    Im also trying to put a horizontal menu on a TABLET view, but it keeps reverting to a hamburger, most likely due to Breakpoint settings. How can I put a horizontal menu on a tablet with mega menus……Thanks

    • This topic was modified 6 years, 2 months ago by wordtalk112.
    • This topic was modified 6 years, 2 months ago by wordtalk112.
    • This topic was modified 6 years, 2 months ago by wordtalk112.
    • This topic was modified 6 years, 2 months ago by wordtalk112.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Md Easin

    (@easin55474)

    6 years, 2 months ago

    Hi,

    Thanks for contacting us. Most of the time users have a link on the menu item which has sub-menu and they want to visit that link to whenever clicks on it. That’s why This is our core feature and we added an arrow icon to expand the sub-menu. Hopefully, You have understood.

    Don’t worry, I am giving you a solutions only for you. You might have faced some CSS issues which you have to fix it by yourself. Because we won’t update it in our plugin.

    1. Remove sub-menu indicator by adding below CSS in Customizer:

    .elementskit-submenu-indicator{
    display: none !important;
}

    2. Since you wanted to expand sub-menu without clicking on the sub-menu indicator, You have to click on the menu text to expand the submenu. So please modify some code in ‘nav-menu.js’ file. The file locations is: Elementskit Plugin folder > widgets > init > assets > js. Follow the screenshot(Link).

    Please let me know the update on the above solutions is working or not.

    Stay with us.

    Thanks

    • This reply was modified 6 years, 2 months ago by Md Easin.
    • This reply was modified 6 years, 2 months ago by Md Easin.
    Thread Starter wordtalk112

    (@wordtalk112)

    6 years, 2 months ago

    Thank you for the solution, I will modify that file…..Also thanks for the quick reply

    Thread Starter wordtalk112

    (@wordtalk112)

    6 years, 2 months ago

    Code modification works………Thanks again for your help

    Md Easin

    (@easin55474)

    6 years, 2 months ago

    Hi,

    Glad to know that it’s working.

    If this plugin and support look good to you, maybe you can help us by giving a 5 star on ww.wp.xz.cn?

    We’re working so hard to make this plugin more and more useful to our valuable clients like you, and a 5 star will really help us to grow on the market. 🙂

    Thanks

    Thread Starter wordtalk112

    (@wordtalk112)

    6 years, 2 months ago

    5 star rating just given with comment.

    I might have more questions in the future…..actually i have one for you right now…. 🙂

    Im attempting to change the font-size of a second sub-menu within the mobile menu…..all the CSS I’ve tried doesn’t seem to target the sub menus

    I have Tried:

    .menu-item-592 .menu-item-593 .menu-item-594 .menu-item-595 .menu-item-596 {

    font-size:5px !important;

    }

    I have also tried:

    .menu-item-592 a .menu-item-593 a .menu-item-594 a .menu-item-595 a .menu-item-596 a {

    font-size:5px !important;

    }

    Any idea waht may need to be done…….Thanks

    Menu Image

    Code Image

    Md Easin

    (@easin55474)

    6 years, 2 months ago

    Hi,

    Please use the below CSS in customizer. the font size will be changed for all sub-menu items. We won’t update it in our core plugin, so don’t forget to save it in your safe place or in the child-theme. I think we should discuss the CSS issues in our support desk(help.wpmet.com) which will be a safe way to fix any CSS issues. Hopefully, you have understood.

    @media (max-width: 767px){
    .elementor-widget-ekit-nav-menu .elementskit-navbar-nav .elementskit-submenu-panel > li > a.dropdown-item {
        font-size: 10px !important;
    }
}

    Thanks

    Thread Starter wordtalk112

    (@wordtalk112)

    6 years, 2 months ago

    Hello MD Easin

    The solution you gave didnt work, but I tried some extra code and worked it out. I will leave this here just in case anybody else has the same enquiry.

    Thanks again

    selector .menu-item-592 a
    {
    font-size: 5px !important;
    }

    • This reply was modified 6 years, 2 months ago by wordtalk112.
Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Sub Menu Indicator’ is closed to new replies.