JA Content Listing Layout for Mobile - Support Central

JA Content Listing Layout for Mobile

itisme

Hi all,
I can find in the JA Content Listing module configuration that I can set the number of columns for desktop and tablet screens. I want to make it two columns for the mobile (like e-commerce websites). How can I force this?
Is it something related to the template configuration?
I believe the developer team can set it just like the tablet.

cssyeah

You can do that in two ways:

Override module layout in your joomla template.
Use css to make it two columns on mobile device.

itisme

Thank you very much. But believe me, dear brother, one buys extensions to avoid doing things like overriding headaches. I don't know how to do that and I can't find a place to read this exactly needed tip. Can you please help with a reference? Please? ;-)
I am using (JA Findus) template by the way...

saguaros

itisme It depends on the layout of module you're using, you can share us the URL + super admin account and tell m us the module name you're trying to customize, we will take a look.

itisme

This message is visible to Moderators only

hidden content

supportguy

itisme Hi
You can just post here and mark your post as private, only our official moderators can see private posts.

itisme

This message is visible to Moderators only

hidden content

itisme

This message is visible to Moderators only

hidden content

itisme

This message is visible to Moderators only

hidden content

saguaros

itisme Thanks for the info but I can't access your site now:

If your host limits access from my place, pls add exception for my IP address (I added in field of your first post)

itisme

This message is visible to Moderators only

hidden content

itisme

This message is visible to Moderators only

hidden content

itisme

This message is visible to Moderators only

hidden content

itisme

Hello,
It is a too long time !!!

saguaros

HI Yasir,

I'm sorry for this lateness as somehow I missed this topic.

It depends on the layout you used for JA Content Listing, for example with module Agricultural Crops

It's using 'layout-09' so I updated this file on your site:

/templates/ja_findus/html/mod_jacontentlisting/layouts/layout-09/index.php

At approx line 80 of this file, it defines number of items for each view port:

  responsive: {
    0: {
      items: 2
    },
    600: {
      items: 2
    },
    768: {
      items: <?php echo $item_per_row_md;?>
    },
    1000: {
      items: <?php echo $item_per_row_lg;?>,
      margin: <?php echo $owl_margin; ?>
    }
  }

You want to show 2 items on mobile, so I update:

0: {
      items: 2
    },

and it's showing 2 items per row now on mobile, kindly check.