[Resolved] change rows on tablet

You can definitely do that with custom CSS.

Can you link us to your page so we can take a look/provide CSS?

Are you using WPSP Pro? If so, you can set the columns to 3. Then add this CSS.

@media (max-width: 767px){
.wp-show-posts-columns .wp-show-posts-single {
    width: 50%;
}
.wp-show-posts-inner {
    padding: 0 0 2em 2em;
}
}

Let us know if it works for you.

Where on the website is the list we’re targeting? I see a WPSP list on the homepage, but only one post is displaying and I’m not seeing the above class.

Let us know 🙂

Give this CSS a shot:

@media (max-width: 1024px) and (min-width: 768px) {
    #wpsp-699 article {
        width: 50%;
    }
}

I’m not seeing the CSS on your site – is it still added?

Hi there,

you have this code in your Simple CSS:

/*use static pages as catergorie archive*/
add_filter('request', function(array $query_vars) {
        if (is_admin()) {
            return $query_vars;
        }

        if (isset($query_vars['category_name'])) {
            $pagename=$query_vars['category_name']; $query_vars=array('pagename'=> "$pagename");
        }

        return $query_vars;
    }

);

That code is PHP and should not be in there ( it goes in your child theme functions.php or the Code Snippets pluigin ).
Remove that code and that CSS should work.