Location of the element in the mobile menu

Topic summary

Issue: In the mobile menu, submenu arrow placement is inconsistent—“Shop” shows the arrow near the section title, while the currency selector keeps the arrow at the right edge.

Recent change: The class “right” was removed in mobile-menu.liquid to move the arrow closer to the title. The provided Liquid template (Shopify’s templating language) loops through linklists and renders submenus.

Observation: Despite both “shop” and “currency” submenus having the same

  • class “sublink,” the currency arrow still displays with class “right” and remains right-aligned.

    Artifacts: Two images illustrate the differing arrow positions; the code snippet is central to the issue.

    Open question: Where the “right” class for the currency arrow originates, given it’s no longer set in mobile-menu.liquid.

    Context: The site is “tati anatretyak.com.” No resolution yet; likely another template, CSS, or JS applies “right” specifically to the currency submenu, but the source is not identified within the shared code.

  • Summarized with AI on February 18. AI used: gpt-5.

    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

  • , but have a different location. Where does the class “right” for the arrow of the “currency” section come from?

    I hope for your help :slightly_smiling_face:

  • website: tatianatretyak.com