Hey,
sorry for our late reply.
Right now we’re in the process of reorganizing plugin’s settings. We plan to remove mobile phone themes altogether and make sure desktop themes are responsive, so you’ll be able to use “Momma” and other desktop themes on mobile devices as well.
In the meanwhile you can play with following CSS (copied from Momma theme):
.related_post_title {
clear: both;
margin: 0 !important;
padding: 20px 0 5px !important;
border: 0 !important;
text-align: left !important;
font-weight: bold !important;
font-size: 1em !important;
font-style: normal !important;
font-variant: normal !important;
line-height: normal !important;
}
ul.related_post {
display: block !important;
position: relative !important;
margin: 0 !important;
padding: 0 !important;
}
ul.related_post li {
position: relative !important;
display: inline-block !important;
vertical-align: top !important;
zoom: 1 !important;
*display: inline !important;
background: none !important;
min-height: 165px;
margin: 0px !important;
padding: 6px !important;
border-right-width: 1px !important;
border-right-style: solid !important;
border-right-color: rgb(221, 221, 221) !important;
border-bottom-style: none !important;
}
ul.related_post li:hover {
background: #dde !important;
}
ul.related_post li:last-child {
border-right: none !important;
}
ul.related_post li a {
display: block !important;
font-size: 12px !important;
text-decoration: none !important;
margin-bottom: 5px !important;
width: 106px !important;
margin: 0 !important;
border: 0 !important;
padding: 0 !important;
margin: 0px !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
line-height: normal !important;
font-family: arial !important;
color: rgb(68, 68, 68) !important;
}
ul.related_post li a.wp_rp_title {
margin-top: 3px !important;
}
ul.related_post li img {
display: block !important;
width: 100px !important;
height: 100px !important;
max-width: 100% !important;
margin: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
border: 1px solid #ddd !important;
padding: 2px !important;
}
ul.related_post li small {
font-size: 80%;
}
@media screen and (max-width: 480px) {
ul.related_post li {
display: block !important;
width: auto !important;
clear: both !important;
}
ul.related_post li a:nth-child(1) {
float: left !important;
}
ul.related_post li a:nth-child(2) {
font-size: 14px !important;
padding: 10px 0 10px 110px !important;
display: block !important;
height: 80px !important;
}
ul.related_post li img {
width: 100px !important;
height: 100px !important;
}
}
Stay tuned and thanks for your patience ??
Best,
Mateja
