Question

这是我的问题：我在Shopify网站上创建了一个自定义页脚，在移动设备上查看时，菜单变成了几个手风琴式链接，菜单在其中向下推了整个网站。我在Webflow中创建了页脚，并导出了代码并对其进行了一些修改。由于某种原因，JavaScript无法与我的其他代码对话。我将JS文件添加到资产文件夹，并将其链接到theme.liquid文件中，如下所示： {{‘footer-js.js’| asset_url | script_tag}} 我还有其他地方可以参考吗？我也尝试在footer.liquid文件中执行此操作。

这是我的一些HTML，我不能包含JS，因为它很长。

我认为对于一个功能而言，JS文件不会这么长。当前是134KB独立版本。

注意**为了避免与Shopify网站上的其他课程发生冲突，我在每个课程前都放置了“ rem”。除移动手风琴菜单外，页脚还可以按照我的要求进行查找和响应。谢谢你的帮助！

<div class="rem-footer-navlink-row w-row">
      <div class="w-col w-col-4">
        <div class="rem-footer-navlink-column">
          <h6 class="rem-h6-heading rem-white">COMPANY</h6><a href="#" class="rem-footer-navlink">About Us</a><a href="#" class="rem-footer-navlink">Contact Us</a><a href="#" class="rem-footer-navlink">Reviews</a><a href="#" class="rem-footer-navlink">FAQ</a></div>
      </div>
      <div class="w-col w-col-4">
        <div class="rem-footer-navlink-column">
          <h6 class="rem-h6-heading rem-white">why femininity</h6><a href="#" class="rem-footer-navlink">How It Works</a><a href="#" class="rem-footer-navlink">Vaginal Dryness</a><a href="#" class="rem-footer-navlink">Sea Buckthorn</a></div>
      </div>
      <div class="w-col w-col-4">
        <div class="rem-footer-navlink-column">
          <h6 class="rem-h6-heading rem-white">support</h6><a href="#" class="rem-footer-navlink phone">(800) 123-4567</a>
          <div class="rem-phone-hours">9am-5pm (Eastern)</div><a href="#" class="rem-footer-navlink">Email Us!</a></div>
      </div>
    </div>

在Shopify上，我创建了一个自定义页脚，该页脚在移动设备上变成了手风琴菜单。它不起作用。如何编辑代码以共同工作？

0 个答案: