Orden personalizado de columnas en Elementor

Gracias a este tutorial podrás cambiar el orden de las columnas de una sección a tu antojo en Elementor, en función de si estás en ordenador, tablet o móvil. Una funcionalidad que irá genial para poder cambiar el orden de los elementos en la versión móvil sin limitaciones, evitando así tener que crear otro menú específico para ello.

 

Snippet para añadir la funcionalidad de orden personalizado de columnas en Elementor

 

//añadir funcionalidad de cambio de orden de columnas para uso en desktop y mobile
function dlanau_add_responsive_column_order( $element, $args ) {
$element->add_responsive_control(
'responsive_column_order',
[
'label' => __( 'Responsive Column Order', 'dlanau-elementor-extras' ),
'type' => \Elementor\Controls_Manager::NUMBER,
'separator' => 'before',
'selectors' => [
'{{WRAPPER}}' => '-webkit-order: {{VALUE}}; -ms-flex-order: {{VALUE}}; order: {{VALUE}};',
],
]
);
}
add_action( 'elementor/element/column/layout/before_section_end', 'dlanau_add_responsive_column_order', 10, 2 ); add_filter('use_block_editor_for_post_type', '__return_false', 100);

 

Ver más tutoriales de: Diseño responsive | Elementor

Tutoriales relaccionados

¿Necesitas un desarrollo a medida?

Login para aceder

LOGIN
REGISTRO