It would be nice to set the order of the content boxes so when you look at the website on a mobile you can define the order when the desired content is shown
Can you do that?
Hey Soerenm,
Sorry it’s not clear what exactly you want to try? Please share a link to the site and an example. If i understood you correctly
For example
The divs on desktop are laid out
Div-1, Div-2, Div-3, Div-4, Div-5
and in mobile you want to change it’s order to
Div-1, Div-3, Div-4, Div-5, Div-2
Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
Vinay
Hi Vinay
Thanks for the quick respons
That was the idea
If you look at this site https://www.webjuice.dk/konvertering/ you can se that the boxes with colored icons and picture kind of gets in between the text
Hi,
You can use a jQuery function to swap divs in mobile or tablets
Setup your divs and enable custom css class name support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Give each div a custom class name
Please try adding this at the very end of your themes / child themes functions.php file:
//Change order
function change_order(){
?>
<script>
jQuery(window).load(function(){
if (jQuery(window).width() < 960) {
jQuery('.div-two').insertBefore(jQuery('.div-one'));
}
});
</script>
<?php
}
add_action('wp_footer', 'change_order');
Best regards,
Vinay
Thanks for the quick reply – I’ll look into it – have a nice weekend
Hi,
Thank you, you too have a nice weekend :)
We will keep this ticket open in case you have any questions please feel free to get in touch with us.
Thank you for using enfold.
Best regards,
Vinay