Column padding on mobile

Hey st,

Thank you for the inquiry.

You may need to adjust or reset the left position of the column element on mobile view. Please try this css code.

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .flex_column.av-lsi2hb8k-6aee99cc1e1fcfe1529179ad547236c0 {
    position: relative;
    left: 0;
  }
}

The default value of the left property is 100px. After the adjustment, it should look like the following screenshot.

// https://1drv.ms/i/s!AjjTfXSRbKTvgtxXjDgZ042XkpoRAQ?e=IJmlB2

Best regards,
Ismael

Hi,

Thank you for the update.

We’ve found an invalid code in the Quick CSS field and removed it. This code should be added in the functions.php file.

function ava_remove_title_attr(){
    ?>
    <script>
    jQuery(window).load(function(){
        jQuery('#wrap_all img.avia_image, #wrap_all .avia-gallery-thumb img, #wrap_all .avia-gallery-thumb a').removeAttr('title');
    });
    </script>
    <?php
    }
add_action('wp_footer', 'ava_remove_title_attr');

We also edited the css a bit and temporarily disabled the Enfold > Performance > File Compression settings. You can enable this option back once you’re done editing the site. Please make sure to do a hard refresh before checking the page.

Best regards,
Ismael

Hi,
Thank you for your patience, in the grid element the cell with the background image was set to be hidden on mobile, so I changed it to show under the first cell:

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike