Home Forums Themes Support Gecko Single column product listing on mobile and desktop


This topic contains 3 replies, has 2 voices, and was last updated by  patrickmarmalade 1 hour, 23 minutes ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #18039


    I am trying to set up a product listing page that is 1 column on mobile

    and 2 columns on desktop.


    • (wpbakery element: product/ producsts) Minimum column dropdown is allowed to be displayed is 2.
    • (wpbakery element: product) When trying to add 1 product on a row, on mobile it looks like it does not use the whole width of the device (the product seems to only use less than 50% of the screen width)

    Is there a css change that can make single column possible, and make the products look full width ?




    Please setup 2 products a row on desktop and use below code to set 1 column of product on mobile

    Add below code to JanStudio > Theme Option > General Layout > Custom CSS

    @media only screen and (max-width: 736px) {
    .products .jas-col-xs-12 {
    	flex-basis: 100% !important;
    	max-width: 100% !important;

    Best regards
    Best regards


    Thanks I’ll test this tonight!

    This reply has been marked as private.
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.