Help With The Grid Custom Code

[IT_desk]

Hello,

I am looking for some help with my index.php code for a custom posts page. I am attempting to create a layout using The Grid and Global Blocks. My goal is to create a layout with the post image on one side, and text on the other side. This layout should collapse and scale responsively on smaller screens. As far as I can tell, there is no way to achieve this sort of layout with the image on the side and responsive scaling within The Grid by itself. Please see image below:

Full size:

When the screen size is reduced, the posts collapse so that each post has the image on top of the text.

I currently have the code to loop the global block in my index.php. The part I am struggling with and need help is figuring out how to interact with The Grid code and update each loop for the next post. Please see code below:

SyntaxEditor Code Snippet

`<?php get_header(); ?> 

  <?php if (have_posts()) : ?> 

       <?php while (have_posts()) : the_post(); ?> 

              <?php echo do_shortcode("[cs_gb id=2964]"); ?> 

      <?php endwhile; ?> 

<?php else : ?> 

<?php endif; ?> 

<?php get_footer(); ?>`

Thank you for your help.

[prakash_s]

Hello Derek,

Thanks for writing to us

The features that you want would require custom development. You need to consult a developer for it.

Please note that we do not provide custom code support since it is out of the support scope.

Have a great day!
Thanks