Hostinger 网站生成器：如何编辑网站的移动版本

Hostinger Website Builder 允许单独编辑移动和桌面版本，以确保网站看起来最好。

默认情况下，移动网站的版本按照元素添加到桌面版本的顺序显示元素。即使稍后在桌面上重新排序元素，这些更改也不会自动应用于移动版本。

可以在移动视图上手动对元素进行排序。这样，就可以在桌面和移动视图上以不同的方式布局元素。

注：如果删除桌面视图上的元素或部分，它也会自动从移动视图中删除，反之亦然

访问移动编辑器

通过点击上方工具栏中的移动或桌面图标在视图之间切换：

自动修复布局

对桌面版本进行更改后，选项 Auto-fix layout 将出现在移动版本的相应部分中：

点击按钮之后，移动布局将遵循基于桌面布局的特定定位规则。

如果在移动版本上进行手动编辑，移动自动定位就会自动关闭。

排序元素

要重新定位元素，请进入移动视图并拖放元素：

调整元素大小

要调整元素大小，进入移动视图并使用元素边框上的调整大小手柄：

调整文本大小

两种方式调整文本大小：

• 全局 – 影响移动视图上整个网站上特定样式的所有文本（例如，标题 1 中编写的所有文本）
• 本地 – 影响移动视图上的特定文本元素

要在移动设备上全局调整文本大小，请进入移动视图并在全局文本样式设置中更改特定文本样式的字体大小：

要在移动设备上本地调整文本大小，请进入移动视图，点击特定文本元素，然后更改其字体大小：

可以在桌面和移动设备设置：

• 字体大小，例如 20 PX（桌面）和 18 PX（移动）
• 文本对齐，例如左对齐（桌面）和居中（移动设备）
• 行高，例如 2（桌面）和 1.5（移动）

这意味着，更改任何其他参数（字体系列、粗体、斜体、下划线等）之后，将同时反映在桌面和移动设备上。如果更改整个文本样式，也会发生同样的情况，例如，如果为移动设备设置标题 2，而在桌面上为标题 1，则桌面视图中的文本元素也将更改为标题 2。

可以复制一个元素或部分，并使一个版本在桌面上可见，而另一个版本在移动设备上可见。这样，在分别在桌面和移动设备上设置内容样式时可以获得更多自由，因为通常某些设置（例如文本样式）同时适用于桌面和移动设备。

更改菜单位置

要更改汉堡菜单的位置，请进入移动视图，点击 Header 部分，然后打开其 settings ：

在 Layout 选项卡中，更改菜单位置：

如果看不到标题部分，则可能所有网站页面都从导航菜单中隐藏了。

更改徽标位置

要更改徽标位置，请进入移动视图，点击 Header 部分，然后选择 Change logo：

在Logo 选项卡中，更改徽标位置：

如果看不到标题部分，则可能所有网站页面都从导航菜单中隐藏了。

了解更多：Hostinger 百科问答