How can i use custom menu icons for mobile menu categories

This topic has 10 replies, 2 voices, and was last updated 4 months ago ago by Tony Rodriguez

  • Avatar: Alpha111
    Alpha111
    Participant
    July 25, 2024 at 02:17

    how can i use custom menu icons for mobile menu categories

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    9 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    July 25, 2024 at 09:27

    Hello, @Alpha111,

    Thank you for contacting us and for using XStore.

    If you wish to add image icons to the menu is similar to the XStore demo, please navigate to Dashboard > Appearance > Menus > new all departments menu > Click on 8Theme custom link option > Menu option > there you may see the option Use img like, Choose/Select as image.

    Please refer to the provided images here: https://postimg.cc/v4BdVW9q , https://ibb.co/hc74CXh and https://ibb.co/K038K1f -You are welcome to use any icon image in the image box as per your needs.

    Additionally, you can watch a complete video for a better reference here: https://www.youtube.com/watch?v=7QluEYxznKs&list=PLMqMSqDgPNmCCyem_z9l2ZJ1owQUaFCE3&index=11

    We hope this helps. If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

    Kind Regards,
    8theme team.

    Avatar: Alpha111
    Alpha111
    Participant
    July 25, 2024 at 12:39

    please i want it before the text not after and larger

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    July 25, 2024 at 13:04

    Hello, @Alpha111,

    Thank you for your response.

    We are pleased to inform you that the issue you reported has been successfully resolved. We kindly request that you clear your browser’s cache and revisit your site to see the changes.

    Regarding your concern about the menu icon appearing before the text and not being larger, we have taken note of it. For your reference, we have provided an image in the private content area of our support platform.

    We hope this resolves your concerns. Should you require any further assistance, please do not hesitate to contact us.

    Best Regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: Alpha111
    Alpha111
    Participant
    July 25, 2024 at 13:09

    noo thats not what i meant please revert the changes i am talking about the mobile menu

    Files is visible for topic creator and
    support staff only.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    July 25, 2024 at 13:23

    Hello, @Alpha111,

    Thank you for your prompt response.

    We would like to inform you that we have successfully reverted the changes previously made to your website.

    We have resolved the issue you reported. For your reference, the adjustment was made by editing the menu settings under Appearance > Menus. We selected the appropriate background position and saved the settings. Please see the attached image for further clarification.

    We hope this resolves the matter to your satisfaction. Should you have any further questions or require additional assistance, please do not hesitate to contact us.

    Best Regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: Alpha111
    Alpha111
    Participant
    July 25, 2024 at 13:25

    thanks and how about the icon size its too small

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    July 25, 2024 at 13:32

    Hello, @Alpha111,

    To adjust the icon size within your XStore theme, kindly follow the steps below to add the necessary custom CSS code:

    1. Navigate to XStore > Theme Options.
    2. Click on Theme Custom CSS.
    3. Proceed to Global CSS and insert the following code:

    .etheme-elementor-nav-menu .type-img[class*=position-] .elementor-item:has(img,picture)>img, .etheme-elementor-nav-menu .elementor-item:has(i,svg)>img {
        max-width: 40px !important;
    }

    We trust this adjustment will meet your requirements. Should you have any further questions or require additional assistance, please do not hesitate to contact us.

    Best Regards,
    The 8Theme Team

    Avatar: Alpha111
    Alpha111
    Participant
    July 25, 2024 at 13:34

    perfect thanks alot

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    July 25, 2024 at 13:49

    Hello, @Alpha111,

    You are welcome!

    Have a nice day.

    Best Regards,
    The 8Theme Team

  • Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘how can i use custom menu icons for mobile menu categories’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.