首页>文档>Astra教程>如何在 Astra 中更新平板电脑+移动设备的响应断点?

此组别内的文章

需要支持?

如果通过文档没办法解决您的问题,请提交工单获取我们的支持!

如何在 Astra 中更新平板电脑+移动设备的响应断点?

以前在 Astra 中,我们有默认断点,即移动设备的 544 和平板电脑设备的 768。在 Astra v2.4.0中,我们提供了在 Astra 中设置响应式断点并将其与您的页面构建器匹配的功能。

默认断点 –

  • 移动断点 – 现有的和新的 – 544px 都是相同的。
  • 平板电脑断点 – 768(现有) – 921(新断点)

为什么?

  • 有些用户需要不同的断点。假设您正在使用页面构建器构建网站,并且页面构建器具有不同的断点(而不是 544 和 768)。
  • 当菜单创建时,断点位于 921px,低于该位置时,我们的菜单将变成汉堡菜单,因此正常情况下,此设备的颜色应呈现为平板电脑的颜色,但在这种情况下,颜色是从桌面继承的。因为在此版本之前,平板电脑的默认断点为 768px。此版本已处理此场景。

因此从Astra v2.4.0更新开始,您可以根据页面构建器的断点更改 Astra 主题的平板电脑和移动断点。

解决方案!

在我们的 Astra v2.4.0中,我们为新用户引入了新的断点,对于平板电脑 = 921px,对于移动设备 = 544px。

对于现有用户来说,这意味着网站或任何更改都不会受到影响,他们的断点将是 768px 和 544px。

如果现有用户想要用一些不同的断点更新他们的默认断点,他们可以使用以下过滤器 –

我们引入了两个新的过滤器来更改移动和平板电脑的断点数字。

要更改移动断点:

// Update your custom mobile breakpoint below - like return 544;
add_filter( 'astra_mobile_breakpoint', function() {
return 544;
});

要更改平板电脑断点:

// Update your custom tablet breakpoint below - like return 921;
add_filter( 'astra_tablet_breakpoint', function() {
return 921;
});

您是否在 RTL 就绪网站上遇到样式问题?
=> 我们建议您访问 Astra 选项页面并刷新页面以解决样式问题。或者,如果启用了CSS 文件生成,请尝试刷新设置。

建议:拥有Astra 主题Astra Pro Addon的最新版本,即2.4.0 及以上版本。

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
搜索