Return to previous page

Hallo, First question How I can change this mobile menu icon like in the screenshot? 2- when I cli

This topic has 5 replies, 2 voices, and was last updated 1 days, 8 hours ago ago by Tony Rodriguez

Armia

Participant

January 29, 2025 at 00:11

Hallo,

First question How I can change this mobile menu icon like in the screenshot?

2- when I click on the video category is not open, how I can change it? So like when someone click on any category than open an independent page.

Please look to the screenshot.
Many thanks.

Files is visible for topic creator and
support staff only.

#432611 Copied Theme version: 9.4.5

4 Answers

Armia

Participant

January 29, 2025 at 00:19

Hallo,

First question How I can change this mobile menu icon like in the screenshot?

2- when I click on the video category is not open, how I can change it? So like when someone click on any category than open an independent page.

Please look to the screenshot.
Many thanks.

Files is visible for topic creator and
support staff only.

#432612 Copied

Tony Rodriguez

Support staff

January 29, 2025 at 06:57

Hello, @Armia,

Thank you for contacting us and for using XStore.

Please, check our answer for the same request you have -> https://www.8theme.com/topic/shop-page-is-not-clickable-from-mobile-menu/#post-396536

We hope this helps.

Please do not hesitate to contact us if you have any further questions or require additional assistance.

Best Regards,
The 8Theme Team

#432626 Copied

Armia

Participant

January 29, 2025 at 08:35

Hallo,

But this is not my question!!

My question is how I can change mobile menu arrow icon and enlarge it? See the screenshot please.

Files is visible for topic creator and
support staff only.

#432635 Copied
Tony Rodriguez

Support staff

January 29, 2025 at 09:37
Hello, @Armia,

Thank you for your response.

You can change the SVG icon using CSS by replacing its content with a new SVG using the background-image property. Please try to add next custom CSS code in XStore > Theme Options > Theme Custom CSS > Global CSS.

@media (max-width: 767px) { .etheme-elementor-nav-menu-item-icon svg { width: 0; height: 0; visibility: hidden; } .etheme-elementor-nav-menu-item-icon { display: inline-block; width: 24px; /* Adjust as needed */ height: 24px; /* Adjust as needed */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 32 32' fill='%23ff0000'%3E%3Cpath d='M16 2l4 12h12l-10 7 4 12-10-7-10 7 4-12-10-7h12z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; } }

Add a new SVG as a background:

background-image: url(…) replaces the original icon with a new one.
The new SVG is encoded in URL-encoded format so it can be used directly in CSS.
You can change the fill=’%23ff0000′ (#ff0000 red color) to any other color.

We hope this helps. Should you require any further assistance, please do not hesitate to reach out. We are here to help you.

Best Regards,
The 8Theme Team
Content is visible for topic creator and
support staff only.
#432642 Copied
Viewing 5 results - 1 through 5 (of 5 total)