Hi,
There isn’t an inbuilt fix for this currently. You could still add your own styles into the Custom styles section which might work.
@media only screen and (max-width: 480px) {
.crp_thumb {
height: 100px;
width: 100px;
}
}
Unfortunately this didn’t work, but thanks for the effort.
As an alternative, is there a way to instead center the posts?
Would love to see more mobile/responsive features in the future.. I would be happy to pay for a premium version if it had these options.
Thanks for reporting back. A mobile version is on the cards. I’m not sure yet if I’m going to have it inbuilt or as a premium addon.
I need to understand the amount of work and effort to get this. It might be a mix of both.
Centering the posts with CSS won’t work from what I can see. It might be worth trying something like:
@media only screen and (max-device-width: 480px) {
.crp_related ul li {
display: block;
margin: auto;
}
tried the code but it didn’t do anything.
thanks again for offering to help – i’ll keep my eyes peeled for mobile feautres and/or a premium version
Thanks. A lot of testing will need to go into this to get even a decent display for mobile!
Try using this in your custom CSS as it worked for me.
You can take out several options below, I just prefer removing the boxing around the posts.
*Note my image sizes are set to 130px by 130px.
.crp_related li {margin:0!important;border:none!important;padding:0!important;-webkit-box-shadow:none!important;max-width:50%!important;list-style:none!important;}
@drakcore thanks so much for posting this solution. it works to put my related posts 2 per row.
the only thing that appears messy is that it cut off the right side of the titles under each of the thumbnails.
is it possible to remove the titles completely for this mobile view only?
I found a post under this url Hide div if screen is smaller than a certain width
@media screen and (max-width: 500px) {
.crp_title {display:none!important;}
}
Adjust the the “max-width:” to a lower px that would correct for mobile devices you want it to trigger.
Just tested on my website and looks like it is working.
thanks @drakcore – it worked!
note, without the titles it leaves big vertical gaps in between the thumbnail rows, but i can live with it and think it still looks better then default.
@drakcore. Thank you. I’ll also put this on my testing bed to see how I can make it more responsive automatically.
If you getting gaps there might be padding/margins that are the cause.
You will just have to inspect with your browser and see what it is.
