Change icon arrow to that symbol angle in drawer menu and submenu (mobile)

[NaomiNN]

Hello,

i want to change the icon arrow in the mobile menu ( drawer menu and sub menu) to that symbol « > ». Can you help me please ?

It look like this

And I want it like this

Store url :https://prettypleaseatelier.com

password: Naomi

[Michael_Pink]

Hi @NaomiNN
To change the icon for the menu drawer you can follow this path
You can try follow this path:
Themes => edit code => snippet => header-drawer.liquid
and change the “icon-arrow” to use “icon-caret”

[NaomiNN]

Hello @Michael_Pink

Thank you for your reply, I tried to do as you said, the icon arrow disappeared but there are not replaced by icon caret…

i changed to icon caret where the red arrow are.

[Michael_Pink]

The images is from Dawn 10.0.0, Have you changed any code before?

[NaomiNN]

Not in the header-drawer.liquid.

[Michael_Pink]

I think your code is changed, if you can share code or store access, I can help you.

[NaomiNN]

I don’t know how to share the store access.

Here my initial header-drawer-liquid:

{% comment %}
Renders a header drawer menu for mobile and desktop.

Usage:
{% render ‘header-drawer’ %}
{% endcomment %}

{% render 'icon-hamburger' %} {% render 'icon-close' %}

{%- for link in section.settings.menu.links -%}
• {%- if link.links != blank -%}
  {{ link.title | escape }} {% render 'icon-arrow' %} {% render 'icon-caret' %}

  {% render 'icon-arrow' %} {{ link.title | escape }}

  {%- for childlink in link.links -%}
  • {%- if childlink.links == blank -%} {{ childlink.title | escape }} {%- else -%}
    {{ childlink.title | escape }} {% render 'icon-arrow' %} {% render 'icon-caret' %}

    {% render 'icon-arrow' %} {{ childlink.title | escape }}

    {%- for grandchildlink in childlink.links -%}
    • {{ grandchildlink.title | escape }}
    {%- endfor -%}
    {%- endif -%}
  {%- endfor -%}
  {%- else -%} {{ link.title | escape }} {%- endif -%}
{%- endfor -%}

{%- if shop.customer_accounts_enabled -%} {% render 'icon-account' %} {%- liquid if customer echo 'customer.account_fallback' | t else echo 'customer.log_in' | t endif -%} {%- endif -%} {%- if section.settings.enable_country_selector or section.settings.enable_language_selector -%}

{%- if section.settings.enable_country_selector and localization.available_countries.size > 1 -%} {%- form 'localization', id: 'HeaderCountryMobileFormNoScriptDrawer', class: 'localization-form' -%}

{{ 'localization.country_label' | t }}

{%- for country in localization.available_countries -%} {{ country.name }} ({{ country.currency.iso_code }} {{ country.currency.symbol }}) {%- endfor -%} {% render 'icon-caret' %}

{{ 'localization.update_country' | t }} {%- endform -%} {%- form 'localization', id: 'HeaderCountryMobileForm', class: 'localization-form' -%}

{{ 'localization.country_label' | t }}

{%- render 'country-localization', localPosition: 'HeaderCountryMobile' -%}

{%- endform -%} {% endif %}

{%- if section.settings.enable_language_selector and localization.available_languages.size > 1 -%}

{%- form ‘localization’,
id: ‘HeaderLanguageMobileFormNoScriptDrawer’,
class: ‘localization-form’
-%}

{{ 'localization.language_label' | t }}

{%- for language in localization.available_languages -%} {{ language.endonym_name | capitalize }} {%- endfor -%} {% render 'icon-caret' %}

{{ 'localization.update_language' | t }} {%- endform -%} {%- form 'localization', id: 'HeaderLanguageMobileForm', class: 'localization-form' -%}

{{ 'localization.language_label' | t }}

{%- render 'language-localization', localPosition: 'HeaderLanguageMobile' -%}

{%- endform -%} {%- endif -%}

{%- endif -%}

{%- if settings.social_twitter_link != blank -%}
• {%- render 'icon-twitter' -%} {{ 'general.social.links.twitter' | t }}
{%- endif -%} {%- if settings.social_facebook_link != blank -%}
• {%- render 'icon-facebook' -%} {{ 'general.social.links.facebook' | t }}
{%- endif -%} {%- if settings.social_pinterest_link != blank -%}
• {%- render 'icon-pinterest' -%} {{ 'general.social.links.pinterest' | t }}
{%- endif -%} {%- if settings.social_instagram_link != blank -%}
• {%- render 'icon-instagram' -%} {{ 'general.social.links.instagram' | t }}
{%- endif -%} {%- if settings.social_tiktok_link != blank -%}
• {%- render 'icon-tiktok' -%} {{ 'general.social.links.tiktok' | t }}
{%- endif -%} {%- if settings.social_tumblr_link != blank -%}
• {%- render 'icon-tumblr' -%} {{ 'general.social.links.tumblr' | t }}
{%- endif -%} {%- if settings.social_snapchat_link != blank -%}
• {%- render 'icon-snapchat' -%} {{ 'general.social.links.snapchat' | t }}
{%- endif -%} {%- if settings.social_youtube_link != blank -%}
• {%- render 'icon-youtube' -%} {{ 'general.social.links.youtube' | t }}
{%- endif -%} {%- if settings.social_vimeo_link != blank -%}
• {%- render 'icon-vimeo' -%} {{ 'general.social.links.vimeo' | t }}
{%- endif -%}

[NaomiNN]

Hello @Michael_Pink

please don’t forget about my question, I really need your help. ?

[Michael_Pink]

@NaomiNN
If you can share store access, I can login to your store and help you check it.