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

David Lanau Consultor de Marketing Online
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.