ライブドアRSS スマホ表示の方法

テーマのスタイルシート下にあるためにすぎないのではないか。ライブドアRSSはレイアウトの自由度はつけやすいですよ。

ライブドアからの配信は、RSSだけにしてスタイルシートはLIONMEDIAに組み込みます。LIONMEDIAのスタイルシートより後に読み込まれるので、他のブログのスタイルを当てましょう。

教示が必要でしょうか。２枚目の画像では一行に収まるように丸め込まれていますので、RSS枠内で左右に動いてしまわないでしょう。転嫁するのが手間は早いのでスタイルシートを示して下さい。

ライブドアRSSではCSSをlinkしてますよね。そのままでもセレクタがかぶらなければ、サンプル通りになるでしょう。そこでブログに合わせたレイアウトの個性化は、公式ヘルプに解説されています。以下が、default.css

/* ----------------------------------------------- */
/*

      BlogRoll css

*/
/* ----------------------------------------------- */

.blogroll-channel,
.blogroll-channel * {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}
.blogroll-channel {
    height: 200px;
    margin-bottom: 15px;
    padding: 10px;
    border: solid 1px #999;
    background: #fff;
    overflow-y: scroll;
}

.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 10px;
}

.blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.3;
}

.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}

.blogroll-channel img.blogroll-favicon {
	width: 16px;
	height: 16px;
}

.blogroll-channel a.blogroll-link {
}

.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #666;
    font-size: 10px;
}

.blogroll-channel .blogroll-ad-img {
}

.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 12px;
}

転載したスタイルシートは、ライブドアRSSから配信されているdefault.cssですから。左右の遊びはユーザエージェントでも、メディアクエリでもできるでしょう。2枚目の画像のほうで上手くいっているのですから、LIONMEDIA上での差異を見つけるのが早いですよ。