如何用WordPress Elementor实现仅移动端可见的垂直选项卡菜单

• 选中你需要配置的目标模块/容器，打开右侧设置栏的「高级」标签
• 找到「响应式」分类下的「可见性」设置项，勾选在桌面端隐藏、在平板端隐藏，保存后该模块就仅会在移动端展示
• 如果要实现参考示例中的横向滑动标签效果，添加Elementor自带的「标签页」模块，按需求配置标签数量和对应内容后，给模块添加如下自定义CSS即可实现移动端横向滚动效果：

selector .elementor-tabs-wrapper {
  overflow-x: auto;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
}
selector .elementor-tab-title {
  flex-shrink: 0;
  white-space: nowrap;
  padding: 8px 16px;
}

• 配置完成后点击编辑器左下角的移动端预览按钮，验证效果符合要求后发布即可

内容的提问来源于stack exchange，提问作者Issam Ab