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

 

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

Tutoriales relaccionados

¿Necesitas un desarrollo a medida?

Ir arriba

Login para aceder

LOGIN
REGISTRO