Astra Header Builder 提供了专门用于设计移动标题的选项。这些选项在 Astra 主题中开箱即用,而高级配置选项在 Astra Pro 中可用。
编辑移动标题
切换到 Header Builder后,请访问定制器。
步骤 1 – 单击页眉生成器开始编辑。
第 2 步– 在定制器中切换到平板电脑或移动视图。
步骤 3 – 您将在可视标题生成器中看到一个单独的专用移动标题框。画布外部分允许您配置切换按钮内的标题项。右侧的可视生成器允许您配置移动标题的所有部分 – 您可以分别设置主标题(中间)以及上方和下方标题。通常,您会在此处的主标题中放置徽标和切换按钮,但实际上,您可以在移动标题中放置元素的位置没有限制。
https://www.youtube.com/embed/4GCPhC7HgZ8?feature=oembed
步骤 4 – 在“Off Canvas”部分中,单击加号以添加标题元素,如主菜单、按钮、小部件、HTML 等。当用户单击切换按钮时,将显示“Off Canvas”部分。
步骤5 – 单击齿轮图标设置移动标题类型、颜色和其他选项。
您可以选择以下标题类型选项 –
- 弹出窗口
- 全屏
- 下拉列表
在下拉选项下,您将看到两个选项,即图标和链接。如果您选择图标选项,子菜单将显示为图标;如果您选择下拉选项作为链接,子菜单选项将显示为链接。请参阅下面的视频了解更多信息。
https://www.youtube.com/embed/Txl-Y7BfCF0?feature=oembed
在“设计”选项卡下,您将看到颜色选项。
第 6 步– 如果您需要编辑切换按钮,请单击它并开始配置。
步骤 7 – 您可以从 Header Builder > Header Types 下的定制器中启用移动设备的透明标题。选择在移动设备上显示它并进行配置。
同样,使用 Astra Pro,您可以获得Sticky Header的选项