# ヘッダーのドロップダウンメニューの余白削除、スライドショーの非表示

**URL:** <https://community.shopify.com/t/topic/62266>\
**Category:** 技術的なQ＆A\
**Created:** [August 28, 2021, 4:52pm UTC](https://community.shopify.com/t/topic/62266 "2021-08-28T16:52:54Z")\
**Posts on this page:** 1\
**Page:** 1

## AI-generated summary

Shopifyテーマ「Simple」で、(1) ホームのスライドショーが表示されない、(2) モバイルヘッダーで通貨スイッチャーによりカートがはみ出す、の2点が課題。

最新状況・試行:
- 「Advanced sticky add to cart」導入以降、スライドショーが非表示に。画像軽量化、旧テーマでのプレビュー、「Page Speed Booster」導入でも改善なし。
- 通貨変更アプリ導入後、モバイルでヘッダー内要素が収まらずカートが浮く。2段組にはしたくない。

技術的手掛かり:
- header.liquidにはInstagramアイコン、translation-labの言語ドロップダウン、カート表示があり、直接の改変は見当たらない。
- theme.liquidにmlvedaの通貨スイッチャー/スタイル（mlveda-currencies-switcher等）がincludeされている。
- mlveda-currencies-switcher.liquidは条件分岐の抜粋のみ共有。詳細は添付ファイルに依存。
- スイッチャーのクリック前ボタンの左右余白（パディング）を削ることで1行に収まる可能性を検討中。

依頼事項・未解決点:
- 余白削除の具体的なCSS編集箇所の特定と、削減後もカートがはみ出すかの見立て。
- スライドショー非表示の根因（アプリ競合/JS衝突など）の特定。
- スクリーンショットと添付ファイルの確認が必要。現時点で解決なし、議論継続中。

<div class="post-metadata">

**Author:** ![zakkyobiru](https://avatars.discourse-cdn.com/v4/letter/z/bbce88/32.png) [@zakkyobiru](https://community.shopify.com/u/zakkyobiru)\
**Post date:** [August 28, 2021, 4:52pm UTC](https://community.shopify.com/t/topic/62266/1 "2021-08-28T16:52:54Z")

</div>

元々のテーマはsimpleです。

Advanced sticky add to cartというアプリを入れた頃から？トップページのスライドショーが表示されなくなりました。

いらないアプリを消したりもしていましたが、スライドショー関連は触ってませんでした。

重いのかと思いスライド画像を軽いものに変更しても、コードのミスかと思い以前のテーマでプレビューしても、変わりません。

Page Speed Boosterというアプリは入れてみましたが変わりません。

また通貨変更アプリを導入しましたが、モバイル版だとヘッダー部分からカートがはみ出して浮いてしまいます。

かといって改行して二段にはしたくないのです…

 ![IMG_0689.PNG](https://canada1.discourse-cdn.com/shopifyforum/original/3X/e/5/e5c21e38c694ee0443865d73d71166f0a26f8127.jpeg)

スウィッチャーをクリックした時、下に表示される候補の部分の幅は特に気にしていないのですが、クリックする前のスウィッチャーの左右の余白が気になります。

この余白がなくなることでヘッダーに収まりそうであれば、余白を削除したいです。

それができたとしてもなお、カートははみ出してしまいそうでしょうか…

ヘッダーに導入するのは、アプリ内で自動で行われました。

header.liquidには、このアプリを導入前のまま変化が無いようで、どこにあるのかわかりません。

```markup
[ZAKKYO？](https://zakkyobiru.myshopify.com/pages/aboutzakkyobiru)
    
      
         {% include 'icon-instagram' %}
         Instagram
        
         {% render 'translation-lab-language-dropdown' %}
      
        {% include 'icon-cart' %} 
        
          {{ 'layout.cart.title' | t }}
          ({{ cart.item_count }})
        
          
           
 　　
    {% endif %}

```

ここの最後には記載されていました

**theme.liquid**

```markup
{% include 'mlveda-currencies-switcher' %}{% include 'mlveda-currencies' %}{% include 'mlveda-flag' %}{% include 'mlveda-currencies-style' %}

```

アプリのswitcer.liquidです

**mlveda-currencies-switcher.liquid**

```css
{% if settings.mlvedaACS_enable %}

   
{% if settings.mlvedaACS_position != 'hide' %}

{% if settings.mlvedaACS_position == "inline" %}
{% else %}
 
 
{% endif %}

{% endif %}
{% endif %}

```

これ以外の部分を載せると重すぎて消えてしまいます。

ファイルを添付したのですみませんがそちらを見ていただけませんか？

何か解決策があればよろしくお願いいたします。