パンくずリストのレイアウトが崩れた
 
通知
すべてクリア

パンくずリストのレイアウトが崩れた


TKA
 TKA
(@tka)
Active Member
結合: 2年前
投稿: 5
Topic starter  

先日、サーバーを最新のものに移転したタイミングでXeroyBaseも最新のバージョン0.4.1に上げたらカスタマイズがすべて消えてしまったのでやりなおしたらパンくずリストのフォルダアイコンの下半分が行の下にもぐってレイアウトが崩れてしまいました。 できれば直したいのですが、何か方法はございますか?


引用
Xeory制作チーム
(@xeory_production_team)
メンバー Admin
結合: 4年前
投稿: 60
 

@tka さま

この度はお問合せいただきありがとうございます。

ご利用のOSやブラウザをお伺いできますでしょうか。

また、現象が起きているページのURLを可能でしたらお知らせいただけますと幸いです。

 

お手数をおかけ致しましすがよろしくお願いいたします。


返信引用
TKA
 TKA
(@tka)
Active Member
結合: 2年前
投稿: 5
Topic starter  

@xeory_production_team

OSはWindows 10/11ブラウザはGoogle ChromeとEdgeで試しました。 ちなみに自宅のMacからFireFoxでアクセスしても状態は同じでした。 例のURLはこちらになります。

OSK 93TI103 1050℃エコノミーマッフル炉

ちなみに、このタブは私のWindows11上のGoogle Chromeでは表示されず真っ白なのでEdgeで入力していますが、それも何か理由がありますでしょうか?


返信引用
Xeory制作チーム
(@xeory_production_team)
メンバー Admin
結合: 4年前
投稿: 60
 

@tka さま

URLありがとうございます。

状況確認いたしました。

パンクズはバージョン0.4.1ですと、flexを使用しておりますが、拝見させていただきましたところ、floatでのかきたかの為と思われます。

.breadcrumb{
display: flex;
flex-wrap: wrap;
}

.breadcrumb li{
float: initial;
margin-left:24px;
}
.fa-home::before{
top:-9px;
}
.fa-folder::before{
top:-9px;
}
.fa-file-text::before{
top:-9px;
}
.cat .fa-folder::before{
top:-13px;
}
.tag .fa-tag::before{
top:-13px;
}

 

スタイルシートの最下部に上記コードを追加いただきますと直るかと思います。

 

サイト拝見させていただきましたところ、親テーマのみのご利用かと思います。

カスタマイズされる際は子テーマをご利用いただき、子テーマのstyle.cssにカスタマイズ用のstyleを記述いただくことで、親テーマを更新した際の崩れを防ぐことができますのでご活用くださいませ。

https://xeory.jp/template/

 

Windows x Google Chromeでの表示の件です。
最新のバージョン0.4.1にする前はご確認できておりましたでしょうか。
デフォルトのテーマなどを適用いただき、そのテーマでも表示されず真っ白でしたら、テーマ以外に原因があるかと思われますので、まずは条件の切り分けや絞り込みをすることをおすすめいたします。

 

お手数をおかけ致しますがよろしくお願いいたします。


返信引用
TKA
 TKA
(@tka)
Active Member
結合: 2年前
投稿: 5
Topic starter  

@xeory_production_team

早速にご回答ありがとうございます。 追記を試してみます。ファイル追記はテーマファイルエディタでstyle.cssの最下段(1737行目)ということでよろしいのでしょうか? あるいはbreadcrumpの下(240行目あたり)のほうがよろしいのでしょうか?  さもなくば外観>カスタマイズ>追加CSS欄でも大丈夫でしょうか?

テーマ更新の際に子テーマ作成をいったん試しましたがうまく作成できなかったのでリスクがあるとわかりつつ本番環境をいじっています。 次回のテーマ更新の際には子テーマ作成を今一度試してみたいと思います。

なお、フォーラム表示の不具合はこのタイトルだけが表示できません。 他のタイトルはすべてChromeでも表示できています。


返信引用
Xeory制作チーム
(@xeory_production_team)
メンバー Admin
結合: 4年前
投稿: 60
 

@tka さま

追記箇所は、テーマファイルエディタstyle.cssの最下段へお願いいたします。

 

「このタブ」とはこのフォーラムの表示の不具合でしたか。
ありがとうございます。
確認いたします。

 

 


返信引用
共有: