【发布时间】：2021-02-12 17:34:28
【问题描述】：
我想在我的 Shopify“关于我们”页面上有一个子菜单。到目前为止，我已经使用以下步骤设置了菜单；在线商店 > 导航 > 添加菜单 > 关于我们的菜单
我使用下面的代码研究了如何显示所述菜单，我已将其直接插入到页面模板中：
<div class="site-nav__item">
{% for link in linklists.about-us-menu.links %}
<a href="{{ link.url }}"> {{ link.title }}</a>
{% endfor %}
所有的菜单项都捆绑在一起，这看起来很愚蠢。如何在菜单项之间添加填充，同时确保它在桌面和移动设备上看起来都不错？我假设我使用 CSS？
我已经尝试使用以下（没有影响）：
padding-right: 25px !important;
还是我以错误的方式处理这个问题？我还尝试使用标签，但我不喜欢它的外观（也许我需要一些更好的 CSS？）并尝试了一个不可见的表格（在移动设备上看起来很糟糕）。
感谢您的帮助。
男人
【问题讨论】：