Mobile responsive?

This topic contains 1 reply, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 2 years, 10 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #24842
    jensmcfarland83
    jensmcfarland83
    Participant

    Is this plugin mobile responsive? It looks like the only option is 4 columns per row for related posts. Looks great on desktop but on mobile elements are too close together and unreadable because it’s still 4 columns across on my cell phone.

    I gave you a sample link to check on your phone. If there’s even custom CSS for 2 columns I’d put that in for the desktop and if it would change the mobile then that would be perfect for me.

    I’ve checked the knowledge center and instructions and cannot find a way to change the number of columns.

    #24851
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi!

    It sounds like the container does not respond as it should. In these cases I usually suggest a custom CSS to force a certain width on the elements on different screen sizes, something like this:

    @media only screen and (max-width: 768px) {
        .rpp_item {
            width: 25% !important;
        }
    }
    
    @media only screen and (max-width: 600px) {
        .rpp_item {
            width: 50% !important;
        }
    }
    
    @media only screen and (max-width: 380px) {
        .rpp_item {
            width: 100% !important;
        }
    }
    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.