Just needed to remove the floats;
global $context;
echo '<style type="text/css">
.rss-feed-right
{
color : blue;
float: right;
width: 50%;
height: 100%;
}
.rss-feed-left
{
color : blue;
float: left;
width: 50%;
height: 100%;
}
@media only screen and (max-width: 640px) {
.rss-feed-left
{
float: none;
display: table-row-group;
}
.rss-feed-right
{
float: none;
display: table-footer-group;
}
}
</style>';
$context['TPortal']['rss_notitles'] = true;
$context['TPortal']['rssmaxshown'] = 10;
echo '<div style="padding: 10px; display:table;">';
echo '<div class="rss-feed-left">';
echo 'ikmultimedia.com'.PHP_EOL;
TPparseRSS('http://www.ikmultimedia.com/rss.php');
echo '</div>';
echo '<div class="rss-feed-right">';
echo 'blog.andertons.co.uk'.PHP_EOL;
TPparseRSS('https://blog.andertons.co.uk/feed/');
echo '</div>';
echo '</div>';
That works pretty nicely in this mode rss_notitles'] = true; Actually seems to respond and stack neatly. Turning on the images with rss_notitles'] = false; causes some issues though, but I'm happy with the list view.
One question, this line for the vendor,
echo 'ikmultimedia.com'.PHP_EOL;
Appears to be clickable.
this line for the second vendor
echo 'blog.andertons.co.uk'.PHP_EOL;
Doesn't appear to be clickable.
Great progress on this though, thank you.