Cuando usamos bloques de Elementor como templates (headers o footers) y los cargamos con actions desde nuestro functions.php, los estilos personalizados son encolados por Elementor en el footer, esto produce flickerings y cargas de elementos css con lag. Para solucionarlo y llevarnos todos los estilos CSS producidos por Elementor a la cabecera tendremos que encolar de forma diferente.
Hay una solución genial desde github: https://gist.github.com/nicomollet/fc8a69b447f21cf8f4245f77d5a33d63
frontend->enqueue_styles();
}
if(class_exists('\ElementorPro\Plugin')){
$elementor = \ElementorPro\Plugin::instance();
$elementor->enqueue_styles();
}
if(class_exists('\Elementor\Post_CSS_File')){
$elementor_page_id = 3167; // Elementor page ID serving as a template (for a header or footer)
$css_file = new \Elementor\Post_CSS_File( $elementor_page_id );
$css_file->enqueue();
}
}
add_action( 'wp_enqueue_scripts', 'elementor_css_in_head' );