Debutテーマで、グローバルメニューを日本語＋英語の2段表記にし、各メニュー間に区切り線を入れる方法が質問されています。参考例として外部サイトが示され、theme.css の .site-nav__link や .site-nav__label の編集を想定しているものの、各メニューに英語表記を個別付与する具体的な実装方法が分からない、という内容です。
回答では、質問の主眼がCSS・デザイン調整なのか、Shopifyで特定の値を取得・表示したい実装相談なのかをまず切り分けるべきだと指摘されています。Liquid（Shopifyのテンプレート言語）の理解が不十分なまま編集するのはリスクがあるため、必要ならShopifyパートナーへの依頼を推奨し、具体的な値の表示方法を尋ねたい場合はHTML等のコード提示が有効と案内されています。
現時点では具体的な実装手順や解決策は提示されておらず、相談は未解決のままです。
こちらのbasefoodさんのサイトのように、
1)グローバルメニューの表記を上下で日本語、英語の両表記にするにはどうしたらよいでしょうか。
theme.cssから「.site-nav__link.」、「.site-nav__label.」のコード編集を恐らくすることになると思いますが、それぞれのメニューにそれぞれの英語表記を付与する方法がわかりません。
2)それぞれのメニューごとに区切り線を作るにはどうしたらよいでしょうか。
テーマはDebutを使用しております。
どなたかご教示頂けますと幸いです。
よろしくお願いいたします。
Cssなりデザインのご相談でしょうか？
それともShopifyで具体的に何か値を取得されたいご相談でしょうか？
Cssなりの場合、技術的に理解をしないままのliquidの編集はリスクがありますので、Shopifyパートナーを探されるのをオススメします。
具体的な値を表示したい場合、htmlなどを記載されると良いと思います。