How to make menu expandable without clicking arrow icon?

Hello!
It quite simple, below css code will solve your issue and your sub-navigation will expand whenever you will hover on link or arrow.
#menu-menu-1 li a:hover > .sub-menu{
display: block;
}
Cheers!

doesn’t work

You’re using a commercial theme, Soledad, so please use their official support channel. We feel they are best equipped to support their products.

https://themeforest.net/item/soledad-multiconcept-blogmagazine-wp-theme/12945398/support

Commercial products are not supported in these forums.

Hi, try this code by pasting in your footer file.
$(document).ready(function () {
$(“#menu-menu-1 li a”).hover(function () { //When trigger is hovered…
$(this).children(“ul.sub-menu”).css(‘display’, ‘block’);
}
});

Hello,

=> Put below CSS code into your stylesheet. It works.
ul#menu-menu-1 li:hover ul.sub-menu{display: block;}

Thanks!

Thank you everyone!

$(document).ready(function () {
$(“#menu-menu-1 li a”).hover(function () { //When trigger is hovered…
$(this).children(“ul.sub-menu”).css(‘display’, ‘block’);
}
});

This code really works, for both menus.

Thank you Datefinder, its my pleasure to resolve your issue.

Where exactly do you put that code?

I tried putting in the footer.php but I am gettin this error

syntax error, unexpected ‘(‘, expecting variable (T_VARIABLE) or ‘{‘ or ‘$’