以前在 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 及以上版本。