Mobile Posts display

Hey dinapost,
I wrote this script to work on the pages like the url in the Private Content area, and tested it on a couple of other pages, and it seems to work correctly.
Please test for yourself and let us know if you find any issues. For the logic I wrote it to only work on single posts that are rtl when the browser view is less than 766px wide.
When testing you may need to reload the page for it to work, which should be fine because mobile users don’t suddenly change their screen size, like you might do if testing on a desktop.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function switch_mobile_columns(){
  ?>
  <script>
   $(window).on('load resize', function() {
    if ($(window).width() <= 766) {
    $(function() {
    $('#top.single-post.rtl_columns .post-entry .flex_column_div.first').insertAfter('#top.single-post.rtl_columns .post-entry .flex_column_div.el_after_av_one_half.el_before_av_one_half');
    });
    }
    });
  </script>
  <?php
  }
  add_action('wp_footer', 'switch_mobile_columns');

Best regards,
Mike

Hi,
I notice you have a few jQuery errors, so I removed the code to try to resolve these errors first, and cleared your cache.

function switch_mobile_columns(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
  if ($(window).width() <= 766) {
    $(function() {
    $('#top.single-post.rtl_columns .post-entry .flex_column_div.first').insertAfter('#top.single-post.rtl_columns .post-entry .flex_column_div.el_after_av_one_half.el_before_av_one_half');
    });
    }
    });
  })(jQuery);
 </script>
  <?php
  }
  add_action('wp_footer', 'switch_mobile_columns');

Can we try disabling your plugins to find the error? Please print copies of your plugin settings in case the settings are lost when disabling the plugin.

Best regards,
Mike

Hi,
Sorry for the late reply, I found that disabling “Autoptimize” fixes the jQuery errors and allows the function above to work correctly.
Please clear your browser cache and check, then try changing the settings inside “Autoptimize” to find the setting that was causing the issue for you.

Best regards,
Mike