Subject: Request for Icon Uniformity in Mobile Mode

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

  • Avatar: QuickMoveTheme
    QuickMoveTheme
    Participant
    February 28, 2024 at 03:22

    Subject: Request for Icon Uniformity in Mobile Mode

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    3 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    February 28, 2024 at 06:06

    Hello, @QuickMoveTheme,

    Thank you for contacting us and for using XStore.

    To address this issue, please follow the steps below to add custom CSS to your website:

    1. Navigate to Theme Options on your WordPress dashboard.
    2. Click on Theme Custom CSS.
    3. Locate the Global CSS section.
    4. Copy and paste the following code snippet into the Global CSS box:

    .et-mobile-panel .menu .type-img.position-left-bottom, 
    .et-mobile-panel .menu .type-img.position-left-center, 
    .et-mobile-panel .menu .type-img.position-left-top,
    .header-mobile-menu .menu .type-img.position-left-bottom, 
    .header-mobile-menu .menu .type-img.position-left-center, 
    .header-mobile-menu .menu .type-img.position-left-top {
        flex-direction: inherit !important;
        justify-content: flex-start !important;
    }

    5. After adding the code, be sure to save your changes.

    This custom CSS should align the menu item icons to the left side on the mobile version of your site, matching the desktop layout.

    If you encounter any issues or need further assistance, please do not hesitate to contact us. We are here to help ensure your website looks and functions exactly as you desire.

    Best Regards,
    The 8Theme Team

    Avatar: QuickMoveTheme
    QuickMoveTheme
    Participant
    February 28, 2024 at 17:57

    Subject: Mobile Mode Menu Inconsistency and Popup Template Inquiry

    Please contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    February 29, 2024 at 05:50

    Hello, @QuickMoveTheme,

    Thank you for your response.

    1/ 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

    2/ Please read our theme documentation: https://xstore.helpscoutdocs.com/article/148-xstudio-feature-of-xstore-wordpress-theme

    https://xstore.helpscoutdocs.com/article/162-xstore-newsletter-popup

    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.

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

You must be logged in to reply to this topic.Log in/Sign up

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