Return to previous page

Subject: Request for Icon Uniformity in Mobile Mode

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

RapidClick

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.

#385042 Copied Theme version: 9.2.9

3 Answers
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
#385048 Copied
RapidClick

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.

#385166 Copied

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://www.8theme.com/documentation/xstore/xstore-features/xstudio-feature-of-xstore-wordpress-theme/

https://www.8theme.com/documentation/docs/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.

#385190 Copied
Tagged: icon uniformity, improved navigation, mobile mode, responsive design, user-friendly interface, woocommerce themes, wordpress
Viewing 4 results - 1 through 4 (of 4 total)