mobile menu issue

Hello,
On mobiles when the users open the menu and in case we have sub-menu the user need to click on the arrow in order to see the sub-menus.
is it possible to change that? so on click anywhere the user will get the sub-menus?

also, how can I change the arrow on the menu to a different arrow? I would like the arrow to point down and not to the left.

check this video:
https://www.loom.com/share/d0a85bf686e7424e8422096864ee13f4

thanks.

Hello,

No, there is no option. The drop-down menu is opened only by clicking on the arrow.

To change the icon:

This can be implemented with Font Awesome icons:

.mobile-nav .wd-nav-opener:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f067";
}

.mobile-nav .wd-nav-opener.wd-active:after {
	content: "\f068";
	transform: none;
}

Best Regards.

thanks. is it possible to open the dropdown menu by clicking anywhere on the row? and not just on the arrow?

Hello,

No, there is no option. The drop-down menu is opened only by clicking on the arrow in mobile.

Best Regards.

Hello,

the css code is not working. could you please let me know why?

thanks.

Hello,

Your given login details are not working. Please share the correct login details.

Also, I did not see any menu for the mobile. I think you want to change the mobile menu icons to the downwards.

Best Regards.

Hello,

I am trying to add this code to my site but it’s not showing the icons:

.mobile-nav .wd-nav-opener:after {
font-family: “Font Awesome 5 Free”;
font-weight: 900;
content: “\f078”;
}

.mobile-nav .wd-nav-opener.wd-active:after {
content: “\f077”;
transform: none;
}

Hello,

Please add the mobile menu to the header then I will check and change the arrow icon for you.

Best Regards.

Hi,

I am not showing the menu on the header. only at the footer. on the bottom of the page.

Hello,

Please try to use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> Mobile CSS section:

.wd-nav-opener:after {
    content: "\f113";
    transform: rotate(90deg);
}

Best Regards.

[Author]

Posts