Dokuwikiのbootstrap3スタイルは、その名の通り便利なスタイルなのですが、標準だとタイトルが小さかったり、スマホで見ると以下のようにタイトルが上に食い込んで変な表示になります。

dokuwiki_smapho_css


そこで、次のサイトを参考にcssを修正してみました。(感謝!)




なお、Wikiのタイトル画像に合わせて「.navbar-brand」を次のとおり変更。
(リサイズしても height、margin-topの値が同じ値としたのはご愛嬌…)

.navbar-brand{
height: 80px;
margin-top: 0px;
}
@media (min-width: 768px){
.navbar-brand{
height: 80px;
margin-top: 0px;
}
#dw__logo.dw-logo-tagline{
margin-bottom: 0;
}
}
スマホの表示も改善されたかと思います。
いかがでしょうか。よろしくお願いします。


【参考】