Mobile Side Menu

Hello WoodMart Support Team,

I am having two issues with the Mobile Side Menu and would appreciate your help.

**Setup:**
– Theme: WoodMart (latest version)
– Menu location: Mobile Side Menu
– Items affected: Wishlist, Compare, Login/Register

—

**Issue 1 – Icons not displaying:**

I am trying to add FontAwesome icons next to menu items in the mobile navigation drawer (Wishlist, Compare, Login/Register).

I expanded each menu item under Appearance → Menus and used the “Icon name (from FontAwesome 5 set)” field with the following values:
– far fa-heart (for Wishlist)
– fas fa-random (for Compare)
– far fa-user (for Login/Register)

A small gap appears where the icon should be, suggesting the element is rendering but the icon itself is invisible. No icon is visually displayed.

My questions:
1. What is the exact correct syntax for the Icon name field for FontAwesome 5 icons?
2. Is there a specific setting needed to enable icon display in the Mobile Side Menu?
3. Are there any known conflicts or limitations with icons in this menu location?

—

**Issue 2 – How to add Login/Register link:**

I can see a Login/Register item appearing in WoodMart demo mobile menus but I am not sure how to properly add it to my Mobile Side Menu. I am unsure whether this is:
– A standard WordPress menu item (custom link pointing to my account page)
– A special WoodMart built-in element that needs to be added differently
– A setting inside the Header Builder Mobile Menu element

Could you please clarify the correct way to add a functional Login/Register link to the Mobile Side Menu?

—

Thank you in advance for your help.

**Issue 3 – Login/Register menu item visible to logged-in users:**

I managed to add a Login/Register item to the Mobile Side Menu, however it is visible to all users regardless of their login state. Logged-in users should not see a “Login / Register” link — they should instead see a “My Account” or “Logout” option.

My questions:
1. Does WoodMart have a built-in way to make a menu item conditionally visible based on login state?
2. Is the correct approach to use the dedicated “Login/register links” element inside the Header Builder Mobile Layout instead of adding it as a menu item? If so, does that element automatically switch between Login/Register for guests and My Account/Logout for logged-in users?
3. If the menu item approach is the only option, what is the recommended way to handle this — for example using a plugin like “If Menu”?

—

Thank you in advance for your help.

Hello,

1. I have tested the icons at my end on my test site and it works perfectly fine for me, Icon name – this field supports icons only from the provided source from FontAwesome source – the field requires inserting the keyword from the FontAwesome icon. For example, the ID home icon code looks like this:

<i class="fas fa-home"></i>

It is necessary to extract the part that identifies the icon, which is fas fa-home, and insert it into the field.

https://postimg.cc/Ln73d9m2

2. Its a setting under the “Mobile Menu” element https://postimg.cc/gr7ZjgQh when you edit it you will find the option “Show Account“, just turned it ON: https://postimg.cc/SnhjY3rr

3. As explained in point # 02, if you use the Mobile Menu element to use the Show Account, Then when you Login it shows My Account Menu with Logout option: https://postimg.cc/QHXdX1xB ans when access via Logged out it shows like this: https://postimg.cc/G4T94D6k

Best Regards,

[Author]

Posts