Hi Kevin!

Try the solution on this thread: https://kriesi.at/support/topic/turn-off-animations/
Let us know if it works on you :)

Best regards,
Nikko

Hi Kevin,

This is the workaround that I can suggest, add a custom class to the table (instructions at the bottom) and create another table (this is for the mobile version) add a custom class to it. The idea is the current table will be in desktop, ipad except for mobile and the new table that you will be creating will be shown in mobile but not in desktop.

To add a custom class in the table Go to Appearance > Editor and open functions.php and find this code:
// add_theme_support('avia_template_builder_custom_css');
and replace it with
add_theme_support('avia_template_builder_custom_css');
then save it.

Edit the table and at the bottom you should see Custom Css Class add this in it: hide-mobile and Save

Create a new table and in the Custom Css Class add: hide-desktop, (add contents) then Save and Update

Go to Enfold Theme Options > General Styling > Quick CSS and add this code:

.hide-desktop{
    display: none;
}

@media only screen and (max-width:767px) {
    .hide-desktop{
        display: block;
    }

    .hide-mobile {
        display: none;
    }
}

and Save

I hope you find this helpful :)

Best regards,
Nikko

Hi MaktubJolie!

Yes, it’s possible. Here is the concept of the fix: duplicate/clone 2nd,4th row and so on or those that have text-image arrangement and have the clone be in text-image arrangement, the original will be shown on desktop and hidden on mobile while the 2nd row will be hidden on desktop and shown in mobile. In order for you to do so, you need to do the following:

Go to Appearance > Editor and open functions.php and find this code:
// add_theme_support('avia_template_builder_custom_css');
and replace it with
add_theme_support('avia_template_builder_custom_css');
then save it.

Go to the page with gridrows you want to arrange on mobile and duplicate the even rows (2nd,4th, so on)

Edit the original Grid Row and at the bottom you should see Custom Css Class add this in it: hide-mobile and Save

Edit the cloned Grid Row and in the Custom Css Class add: hide-desktop then Save and Update

Go to Enfold Theme Options > General Styling > Quick CSS and add this code:

.hide-desktop{
    display: none;
}

@media only screen and (max-width:767px) {
    .hide-desktop{
        display: block;
    }

    .hide-mobile {
        display: none;
    }
}

and Save

Hope this helps. :)

Regards,
Nikko

• This reply was modified 9 years, 5 months ago by Nikko. Reason: formatting

Hi dominiquehurley!

Kindly add this code in Quick CSS (located under Enfold Theme Option > General Styling):

.page-id-18694 #av_section_1 .container {
    padding-top: 0 !important;
}

Hope this helps :)

Regards,
Nikko

• This reply was modified 9 years, 5 months ago by Nikko.

Hey jomo5280!

Please take a look here
https://kriesi.at/support/topic/move-featured-image-below-post-title-date-etc/

and let us know if we can do anything else

Best regards,
Basilis

Hey cyril92!

Please chek the code as folling

$avia_config[‘imgSize’][‘entry_with_sidebar’] = array(‘width’=>845, ‘height’=>321, array(top, center));
$avia_config[‘imgSize’][‘entry_without_sidebar’]= array(‘width’=>1210, ‘height’=>423, array(top, center));

let us know if that works better

Regards,
Basilis