Sub Menu Indicator

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 4 years, 8 months ago by Md Easin.
• This reply was modified 4 years, 8 months ago by Md Easin.

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

Code modification works………Thanks again for your help

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 www.remarpro.com?

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

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

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

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 4 years, 8 months ago by wordtalk112.