問題タブ [zurb-foundation-6]

いくつかのヘッダー タグをヒーロー イメージに重ねて配置しました。ブラウザのサイズを変更すると、テキスト オーバーレイが上下に移動します。テキストをヒーロー画像の真ん中に固定する方法についてのアイデアはありますか?

html:

CSS:

私のウェブサイトのアドレスは: http://adolfobarreto.atwebpages.com

Web サイトに粘着性のあるトップバーがあります。ラージとミディアムでは問題なく動作しますが、小さくすると高さが 54 ピクセルになります。class sticky-container を height: 0; に設定しました。ブラウザを更新すると機能します。別の場所に移動して再び戻ると、54px のギャップが再び表示されます。何か案は？ありがとう - アドルフォ

html:

CSS:

私のウェブサイトアドレスはhttp://adolfobarreto.atwebpages.comです

Foundation 6 を使用して、整理にアコーディオンを使用するフォームを作成しようとしています。入力とボタンをアコーディオン タイトルに追加したいと考えています。通常、アコーディオンのタイトルをクリックすると、スライドしてコンテンツが切り替わります。この効果を無効にして、タイトルのボタンをクリックしてもコンテンツが切り替わらないようにしたいのですが、ボタンをクリックするたびに伸縮するのは本当に面倒です。

私は次のようなものを持っています:

event.preventDefault()とを試しましたevent.stopPropagation()が、効果がありません。Foundation 6 が何らかの形でイベント スタックをオーバーライドしているように見えますか?

編集：明確にするために、スライドアニメーションを削除するだけでなく、クリックしたときにアコーディオンが開閉しないようにしたい。

このミックスインの仕組みを理解するのに苦労しています。ドキュメントが提供する例は...

これは私のSCSSにあるものです...

私がやろうとしているのは、デフォルトの 12 列ではなく 20 列の行を作成することです。

SCSS は正常にコンパイルされているようですが、その mixin は CSS に何も出力していません。

Zurb Foundation 6app.scssのvs_settings.scssの 違いは何ですか?

Cake3 は Foundation フレームワークを使用しているため、moadl 関数をどのように使用できますか?

これをコピーして自分のビューに貼り付けてみました：

しかし、テストすると、エラーは発生しませんが、div は表示され、非表示ではなく、「クリックしてモーダルを表示」も何もしません。

これをケーキで使用するには、さらにファイルを含める必要がありますか?

Foundation 6 を使用して Wordpress で作業しており、モバイル用のキャンバス外のメニューを作成しています。しかし、コンテンツがオフスクリーン メニューに読み込まれないという問題があるようです。以下は使用しているコードです。間違った場所に配置していますか? 外側の div (dragoncove_mobile_menu) の理由は、さまざまなメニューをさまざまなサイズで表示するためのメディア クエリがあるためです。クエリなしで試してみましたが、変更はありませんでしたが、以下にリストします。