Docs

[fish]

Hi staff, I noticed an issue with my clients site when viewing the main blog page on samsung mobile phone devices.
http://www.absolutefloorsandmore.com/our-blog-carpet-cleaning-tips-and-tricks/

This issues is that only the very top / first post displays. A small portion of the second blog post is displayed but with no featured image and most the content is cut off. The only thing it displays is a a small portion of text and the read more link.

The issues seems to be only happening when testing on most Samsung mobile devises. Do you have any idea what might be causing this behavior?

Thanks for your assistance in advance,
Fish

[Rue Nel]

Hello Fish,

Thank you for posting in! I have tested it and it seems that it only affects the Galaxy phone. With iOs devices, no problem at all. To resolve this, since you have your child theme active and ready, please follow the following steps below:
1] Using Notepad or TextEdit or Sublime Text or any text editor, please create a new file in your local machine.
2] Insert the following code into that new file

<?php

// =============================================================================
// VIEWS/GLOBAL/_SCRIPT-ISOTOPE-INDEX.PHP
// -----------------------------------------------------------------------------
// Isotope script call for index output.
// =============================================================================

$is_rtl = is_rtl();

?>

<script>

  jQuery(document).ready(function($) {

    <?php if ( $is_rtl ) : ?>

      $.Isotope.prototype._positionAbs = function( x, y ) {
        return { right: x, top: y };
      };

    <?php endif; ?>

    var $container = $('#x-iso-container');

    $container.before('<span id="x-isotope-loading"><span>');

    $(window).load(function() {
      if ($(window).width() > 768){
        $container.isotope({
          itemSelector   : '.x-iso-container > .hentry',
          resizable      : true,
          filter         : '*',
          <?php if ( $is_rtl ) : ?>
            transformsEnabled : false,
          <?php endif; ?>
          containerStyle : {
            overflow : 'hidden',
            position : 'relative'
          }
        });
      }
      
      $('#x-isotope-loading').stop(true,true).fadeOut(300);
      $('#x-iso-container > .hentry').each(function(i) {
        $(this).delay(i * 150).animate({'opacity' : 1}, 500);
      });

    });

    $(window).smartresize(function() {
      $container.isotope({  });
    });

  });

</script>

3] Save the file named as _script-isotope-index.php
4] Upload this file to your server in the child theme’s folder
wp-content/themes/x-child/framework/views/global/

We would loved to know if this has work for you. Thank you.

[fish]

Hi staff, yes the above works perfect.

Thanks!

[Rue Nel]

You’re welcome! We’re happy to help you out.
If you need anything else we can help you with, don’t hesitate to open another thread.

[Author]

Posts