Why doesn't my size guide anchor link work on mobile devices?

[Ciaranmci27]

For some reason my Size Guide anchor link doesn't work on mobile, but it works perfectly fine on Desktop. Ive never seen anything like this so I am not sure what to do. I attached an image below, the website URL (has a password), and the code I am using in case that helps. Any ideas on how I can make sure the anchor link works on mobile since that's where most traffic will come from? I really appreciate any insight!

URL: https://racegallery.co
Password: race

Code:

      {%- for option in product.options_with_values -%}
        <div class="product-form__input product-form__input--dropdown">
          <label class="form__label" style="max-width: 25rem;" for="Option-{{ section.id }}-{{ forloop.index0 }}">
            {{ option.name }} <a href="#size-guide" style="float: right; color: RGB(var(--color-link));">Size Guide</a>
          </label>
          <div class="select">
            <select
              id="Option-{{ section.id }}-{{ forloop.index0 }}"
              class="select__select"
              name="options[{{ option.name | escape }}]"
              form="{{ product_form_id }}"
            >
              {% render 'product-variant-options', product: product, option: option, block: block %}
            </select>
            {% render 'icon-caret' %}
          </div>
        </div>
      {%- endfor -%}