Dawn 11.0.0のテーマを使用しており、ヘッダーのロゴは、「中央部左」を選択し、メニューは「メガメニュー」を選択しております。
この左にあるロゴとメニューの間に、特定のマークを設置したいと考えております。
そこで、header.liquidに以下のコードを記載したところ、自分の1920×1080や検証画面でのIphoneSEや12proでは配置に問題なく見えるのですが、
別の方で「1920×1080px」のPC（拡大/縮小100%）とiPhoneSEで見ると、
PCではメニューに被り、SPではヘッダーからズレてバナー部に被っているようです。
styleの部分がおかしいのかなと思うのですが、解決方法をご教示いただけますと幸いです。
↓不要な情報部は＊＊＊としています。
<a href=“＊＊＊” class=”＊＊＊" id=“＊＊＊”>
＊＊＊
{%- style -%}
@media screen and (max-width: 750px) {
a#official-icon {
position: absolute;
padding:6rem;
justify-self: start;
}
}
{%- endstyle -%}
何卒よろしくお願いいたします。