In the mobile menu, the “Shop” section has a submenu, but the down arrow was located at the right edge and not all users guessed to click on it. Therefore, it was decided to move this arrow closer to the title of the section.
I found the “mobile-menu.liquid” file and removed the class “right” from it.
Now the code of this file looks like this:
{% if context == 'top_bar_menu' %}
{% for link in linklists[menu].links %}
- {% if link.url == 'http://' or link.url == '' or link.url == '/' or link.url == 'https://' or link.url == '#' %}
{{ link.title }}
{% else %}
{{ link.title }}
{% endif %}
{% endfor %}
{% else %}
{% for link in linklists[menu].links %}
{% if linklists[link.handle] == empty %}
- {% if link.url == 'http://' or link.url == '' or link.url == '/' or link.url == 'https://' or link.url == '#' %}
{{ link.title }}
{% else %}
{{ link.title }}
{% endif %}
{% else %}
- {% if link.url == 'http://' or link.url == '' or link.url == '/' or link.url == 'https://' or link.url == '#' %}
{{ link.title }}
{% else %}
{{ link.title }}
{% endif %}
{% for link in linklists[link.handle].links %}
{% if linklists[link.handle] == empty %}
- {{ link.title }}
{% else %}
- {% if link.url == 'http://' or link.url == '' or link.url == '/' or link.url == 'https://' or link.url == '#' %}
{{ link.title }}
{% else %}
{{ link.title }}
{% endif %}
{% for link in linklists[link.handle].links %}
- {{ link.title }}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}
And I ran into the following problem.
In the “Shop” section, the arrow is located next to the name of the section:
And in the currency selection submenu, the arrow is still near the right edge. This arrow also has the class “right”:
I can’t figure out why submenus “shop” and “currency” have the same class “sublink” in the list element
I hope for your help ![]()

