Display 2 rows on mobile

Hi @jackass909,

Yes, but this mostly depends on the settings you’re using with the plugin and also the CSS rules coming from your current WordPress theme. If you share your site’s URL I could take a look and provide some suggestions.

Hey @jackass909,

sorry for the lack of knowledge….I really like ur plugin tho

Don’t worry about it, and thanks! Glad to know you like the plugin!

Alright, please try this:

1. Create a wordpress-popular-posts folder inside your WordPress theme (eg. /wp-content/themes/twentytwentyone/wordpress-popular-posts/). Open the newly created wordpress-popular-posts folder and create another one inside called themes (eg. /wp-content/themes/twentytwentyone/wordpress-popular-posts/themes/).
2. Next, go to /wp-content/plugins/wordpress-popular-posts/assets/themes/ and copy the cardview-compact folder.
3. Go back to /wp-content/themes/[YOUR-THEME]/wordpress-popular-posts/themes/ and paste the cardview-compact folder that you previously copied here (eg. /wp-content/themes/twentytwentyone/wordpress-popular-posts/themes/cardview-compact/).

Finally, open the Cardview Compact’s stylesheet (/wp-content/themes/[YOUR-THEME]/wordpress-popular-posts/themes/cardview-compact/style.css) and add the following CSS rules to it:

@media (max-width: 480px) {
    .wpp-cardview-compact {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
}

• This reply was modified 2 years, 7 months ago by Hector Cabrera. Reason: Improved general formatting