Elementor Pro和Astra有不同的断点-如何抢救?

时间:2020-02-20 作者:Daveh0

所以我读到了所有关于Astra是Elementor面向非主题开发人员的最佳主题的炒作。我不是一个主题开发者。TBH,我不使用WP作为我的首选平台,但很明显,如果客户要求,我会遵守。据我估计,Elementor最适合这个客户。。。我认为阿斯特拉是最好的首发主题。目前的宣传称,他们合作得很好,但并不多。他们有不同的断点!虽然我可以调整Elementor的断点以匹配Astra的断点,但对于这个用例,Elementor的断点更合适。我知道我可以在CSS中覆盖Astra的所有断点,但如果我的客户在我离开后尝试将Astra的任何定制功能与Elementor结合使用,这对他们没有任何好处。

长话短说,我选了一双不好的。

除非我弄错了,否则没有办法用这些匹配的断点来构建Astra。同样,我知道我可以通过CSS来完成这一切,但如果这是必需的,我应该从一个更简单的主题开始。也许tat是我需要的。

无论如何,我知道这个问题可能听起来很主观,但我真正想问的是:

有没有什么方法可以让Astra(或任何其他主题)的断点与我正在使用的页面生成器(在本例中是Elementor)的断点相匹配?

1 个回复
最合适的回答,由SO网友:Daveh0 整理而成

在我的例子中,主题以921px的速度显示移动标题/导航,而我的页面生成器配置为以1024px的速度显示。尽管我完全控制了页面/主题生成器的断点<;对于这个特殊的情况,我想将其保持在1024px。

幸运的是,该主题是使用一个过滤器开发的,该过滤器返回标头的断点,以便可以进行这些调整。很简单:

/**
 * Change the breakpoint of the Astra Header Menus
 * 
 * @return int Screen width when the header should change to the mobile header.
 */
function bene_change_header_breakpoint() {
 return 1024;
};

add_filter( \'astra_header_break_point\', \'bene_change_header_breakpoint\' );
现在,所有需要匹配的东西,从断点角度来看,实际上都匹配了——危机避免了。

我的官方回答是,如果这个主题有这样的过滤器,那么其他主题也有可能有这样的过滤器。因此,如果您面临这种类型的问题,请查看主题文档中的类似过滤器。

资料来源:https://wpastra.com/docs/change-astra-header-breakpoint-width/

相关推荐

Responsive Admin Themes

我在看这个管理主题的示例(http://themepixels.com/main/themes/demo/webpage/shamcey/dashboard.html). 至于标签为“Navigation”的左侧管理栏,有没有一种方法可以在不使用插件的情况下实现这种类型的左侧仪表板管理菜单?我想用css、js或Jquery来实现这一点,任何处理编码的东西都可以。