@isamuminnto さま

ご質問いただきましてありがとうございます。

フッターメニューがPC表示であれば改行されず横一列に配置されますがモバイル表示だとメニューが横一列にならず改行されてしまいます。
改行させず横並びで表示させる方法はありませんか？

以下のソースコードで調整することは可能ですが、下記の理由で縦並びをおすすめいたします。
・横幅が十分にない場合にスクロールバーが表示される
・今後メニューが増えてきた場合にサイト利用者が見えていない部分にアクセスしにくくなる

上記を承知で変更したい場合は以下のCSSで調整可能です。
【ソースコード】

@media ( width < 768px) {
	.siteNavList--footer ul{
		display: flex;
        justify-content: space-evenly;
        flex-wrap: nowrap;
        overflow-x: auto;
        align-items: center;
		border-top: var(--list--border-style);
	}
	
	.siteNavList li.menu-item {
		min-width: 34%; /*必要に応じて長さを調節してください */
        text-align: center;
        display: inline-block;
	}
	    .container-footer-area + .container-siteNavList .siteNavList > .menu-item:first-child > a {
		padding: var(--widget--list--pad--y) 0 calc(var(--widget--list--pad--y) * 0.8);
		border-top:none;
	}
	
	.container-footer-area + .container-siteNavList .siteNavList > .menu-item > a {
		padding: var(--widget--list--pad--y) 0 calc(var(--widget--list--pad--y) * 0.8);
		border-top:none;
	}
	.siteNavList .menu-item a span.menu-item-title {
		justify-content: space-evenly;
		padding: 0 2%;
		border-right: 1px solid #eee;
	}
	.siteNavList .menu-item:last-child a span.menu-item-title{
		border-right:none;
	}
}

また、XWRITEで横並びメニューに区切り線を追加する方法はCSSの追加しか方法はありませんか？

ご不便をおかけし申し訳ございませんが、現状ではCSSの追加しか方法はございません。
今後のアップデートでレイアウト調整機能を組み込めないか検討させていただきます。

@hamada 縦並び推奨の理由及びコードのご教授ありがとうございます。

どちらが最適か今一度考えてから実装したいと思います。

ありがとうございました。