Home › Forums › WoodMart support forum › Mobile Side Menu

Mobile Side Menu

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 9, 2026 at 3:50 am #711553

    in26itrust
    Participant

    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.

    March 9, 2026 at 4:10 am #711554

    in26itrust
    Participant

    **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.

    March 9, 2026 at 6:02 pm #711742

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    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
Viewing 3 posts - 1 through 3 (of 3 total)