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);

 

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Ver más tutoriales de: Diseño responsive | Elementor

Tutoriales relaccionados

¿Necesitas un desarrollo a medida?

Ir arriba

Login para aceder

LOGIN
REGISTRO