ヘッダーの「購入する」ボタンがスクロールするとずれる < SWELLに関する質問

不具合報告では、その現象が確認できるURLを添えて、ご報告ください。
(+できれば画像も添付していただければ助かります。)

トピックを立てる前にチェックしてね!
  1. 初めてご利用の方は、 「フォーラムガイドライン」・「よくある質問」・「SWELLでの非推奨プラグイン」に一度は目を通しておいてください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. WordPressでの不具合が全てテーマによる不具合だとは限りません
    本当にテーマによる問題かどうか、プラグインを見直して解決しないかどうかも先に検証しておいていただけると、非常に助かります。
  4. まずはGoogleで検索してみて、自力で解決できる問題かどうかを調べてみてください。
    ここで質問しようとしている内容をそのまま検索すれば答えが見つかるかもしれません。
ヘッダーの「購入する」ボタンがスクロー...
 
通知
すべてクリア

[解決済] ヘッダーの「購入する」ボタンがスクロールするとずれる

mis
 mis
(@mis)
Active Member

お世話になっております。ヘッダーについてご質問がございます。

SWELLサイトのように、ヘッダーに「購入する」ボタンを置きたいのですが、

html

<div class="c-mvBtn -btn-n">
<a href="https://store.herscbd.jp" class="c-mvBtn__btn">
<i class="icon-shopping_cart"></i> CBD製品を購入する
</a>
</div>

追加CSS

.l-header__inner .c-mvBtn{
margin: 0;
}
.l-header__inner .c-mvBtn__btn{
padding: .5em 1.5em;
}

とした時に、スクロールすると「購入する」ボタンがずれてしまいます。

サイトは https://herscbd.jp でございます。

https://u.swell-theme.com/community/swell-bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e5%86%85%e3%80%8c%e8%b3%bc%e5%85%a5%e3%81%99%e3%82%8b%e3%80%8d%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%ae%e8%83%8c%e6%99%af%e3%81%8c/#post-464

上記なども拝見しておりますが、解決せず...お手隙の際にご教示いただけますと幸いです。

引用
Topic starter 投稿済 : 09/01/2021 3:59 pm
つぶ
(@tbshiki)
Estimable Member

こんにちは✨

.c-mvBtn.-btn-n {
margin: auto;
}

こちらも追加してみてご確認いただいてもいいでしょうか?(*´ω`*)

返信引用
投稿済 : 09/01/2021 4:21 pm
mis
 mis
(@mis)
Active Member

@tbshiki

つぶ様、ご教示いただきましてありがとうございます!

無事にスクロールしてもヘッダー中心が変わらず維持されるようになりました。
ありがとうございました。

返信引用
Topic starter 投稿済 : 09/01/2021 4:33 pm
つぶ 件のいいね!
共有: