Elementorでモバイルメニューの位置を設定する方法

モバイルメニューの位置を設定する方法を理解する必要があります Elementor?

とともに Elementor プロ、カスタムヘッダーを作成できますウェブサイトワードプレス。ほとんどの場合、ユーザーは、Elementor 作成したカスタムヘッダーにナビゲーションメニューを追加します。

問題は、場合によってはモバイルデバイスでヘッダーが乱雑に見えることが多いことです。モバイルメニュー (ハンバーガーアイコン) とその他のヘッダー要素の位置が非対称に見えます。

モバイルデバイスでヘッダーをきれいに表示するには、モバイルメニューやその他のヘッダー要素のカスタム位置を設定する必要があります。

どのように進める？

Elementorでモバイルメニューのカスタム位置を設定するには?

まず、Elementor でヘッダーテンプレートを編集し、プレビューモードを モバイル.

ヘッダーテンプレートウィジェットの XNUMX つを選択します （ブラウザを使用すると簡単に使用できます）. この例では、Nav Menu ウィジェットの位置を修正します (下のスクリーンショットのように)。

一度ウィジェット ナビゲーションメニュー 選択したら、タブに移動します 高度な 左側のパネルからブロックを開きます レイアウト. 幅を インライン (自己) と位置 絶対の.

次に、水平方向と垂直方向のオフセットを設定できます。適切な位置になるまでオフセットを設定します。

適切な位置が得られるまで、水平シフトと垂直シフトのさまざまな組み合わせを試すことができます。少し大変な作業で、適切な位置を得るには少し忍耐が必要です。

タブに移動することもできます中身オプションの有効化/無効化を試みる全幅のモバイルセクションで コンボ.

ナビゲーションメニューウィジェットの位置の調整が完了したら、ヘッダー内の他のウィジェットに対して上記の手順を繰り返すことができます。それでも目的の位置にならない場合は、幅を [カスタム] に設定して、別の幅の値を試してみてください。

そう！ Elementorでモバイルメニューの位置を設定する方法を紹介しました。そこに着く方法について懸念がある場合は、以内にお知らせください commentaires.

ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi：史上最高のWordPressテーマ.

...