Wordpress+可视化编辑器=最好的系统+零基础制作网页

网站上所有布局,颜色与设置均可在后台修改,无需编程基础

Astra Pro模块:移动端导航 (Mobile Header)

2019-11-11 / 分类: / 浏览量:385次  /   评论数量:0

从WordPress仪表板导航到 “外观”>“自定义”>“导航栏”>“主菜单”。移动标题选项在不同选项卡下列出。

移动端Logo(可选)

平板屏幕需要一个更宽的Logo。移动设备上的此Logo可能会隐藏视口的大部分。移动Logo的单独选项提供了在移动设备上使用其他菜单的灵活性。

可以在“ 布局”>“标题”>“网站品牌形象”下找到该设置。选择移动设备的其他Logo选项吗?并在此处添加移动设备Logo图像。

要调整Logo的大小,请单击Logo宽度的响应切换按钮,然后调整宽度。

菜单断点

该设置可在“ 导航”>“主菜单”>“移动菜单”下找到。Astra的默认菜单断点为921px。可以使用滑块轻松更改。
例如–如果将断点设置为554px,则桌面标题将一直显示到554px宽度,并且它将更改为554px以下的移动标题。

移动端子菜单样式

这将允许您设置目标以打开移动标题中的子菜单。它有两个选项-图标和链接。
如果选择图标,则单击菜单项旁边的小箭头图标,将打开子菜单下拉菜单。
然后,如果您选择链接,则单击菜单项名称(链接)后将打开子菜单下拉菜单。

切换按钮样式,切换按钮颜色和边框半径

可以在“外观”>“自定义”>“导航栏”>“主菜单”>“移动菜单”
下找到设置 。使用这些设置设置切换按钮的样式。

移动设备上的菜单标签

可以在“外观”>“自定义”>“导航栏”>“主菜单”>“移动菜单”
下找到设置 。它允许添加标签以切换按钮并突出显示它。

Astra Pro的移动导航选项

Astra Pro的“移动端导航”模块与“颜色和背景”选项一起为布局添加了更多选项。

菜单样式

单击切换按钮后,为菜单选择一种样式。

  • 弹出式样式可使菜单从屏幕的任一端滑动。
  • 全屏样式将覆盖整个屏幕,并在中间显示菜单项。
  • 没有切换的风格将不会显示在响应装置面包屑菜单中的菜单。该菜单将显示与电脑端相同。

菜单项的边框

它将在每个菜单项周围应用边框。将宽度设置为边框,然后应用颜色。

移动导航的颜色和背景

Astra Pro的“颜色和背景”模块为“移动端导航”提供了更多的“颜色和背景”选项。
您需要从外观> Astra选项中激活颜色和背景以及移动端导航模块。

可以在外观>自定义>标题>主菜单下找到设置。

单击响应切换按钮,然后设置“移动端导航”的颜色和背景。

背景

设置移动标题的背景颜色或设置背景图像并调整不透明度。

主菜单和子菜单

如果选择了“菜单样式– 弹出式”或“全屏”中的任何一个,则可以为具有“ 主菜单”背景图像的菜单设置背景图像和覆盖颜色 。

发表评论

Scroll to Top

QQ群962782975