フッターメニューの高さ変更について

[_minminmo]

お世話になっております。

フッターメニューの高さ変更についてアドバイスお願いします。

フッターにはSNSのアイコンのみ表記したいので

不要な高さをなくし高さを小さくしたいと思っています。

テーマは有料テーマのShowcaseです。

下記にてテーマ編集→footer.liquidを貼ります。

何卒、よろしくお願いいたします。

{% if section.blocks != blank %}

{% for block in section.blocks %} {% if block.type == 'menu' %}

{% if block.settings.title != blank %} {%- assign title_word_count = block.settings.title | split: ' ' | size -%}

{{- block.settings.title | escape -}}

{% endif %}

{% if block.settings.menu != blank %}

{% for link in linklists[block.settings.menu].links %}
• {{- link.title -}}
{% endfor %}

{% endif %}

{% elsif block.type == ‘text’ %}

{% if block.settings.title != blank %} {%- assign title_word_count = block.settings.title | split: ' ' | size -%}

{{- block.settings.title | escape -}}

{% endif %}

{% if block.settings.text != blank %}

{{- block.settings.text -}}

{% endif %}

{% if block.settings.image != blank %}

{%- capture double_image_width -%}{{ block.settings.image_width | times: 2 }}x{%- endcapture -%}

{% endif %}

{% if block.settings.show_social_icons != blank %}

{% capture icon_size %}{% if settings.soc_icons_double %}x46{% else %}x30{% endif %}{% endcapture %} {% render 'social-icons', icon_setting: settings.social_custom_icon_footer, icon_size: icon_size %}

{% endif %}

{% elsif block.type == ‘newsletter’ %}

{% if block.settings.title != blank %} {%- assign title_word_count = block.settings.title | split: ' ' | size -%}

{{- block.settings.title | escape -}}

{% endif %}

{% if block.settings.text != blank %}

{{ block.settings.text }}

{% endif %}

{% form 'customer', id: 'footer_newsletter_signup' %} {% if form.posted_successfully? %}

{{ 'layout.signup.post_success' | t }}

{% else %} {% if form.errors %} {% for field in form.errors %}

{{ field | capitalize }} - {{ form.errors.messages[field] }}

{% endfor %} {% endif %}

{% render 'svg-rarrow-long' %} {% endif %} {% endform %}

{% if block.settings.show_social_icons_newsletter != blank %}

{% capture icon_size %}{% if settings.soc_icons_double %}x46{% else %}x30{% endif %}{% endcapture %} {% render 'social-icons', icon_setting: settings.social_custom_icon_footer, icon_size: icon_size %}

{% endif %}

{% endif %}

{% endfor %}

{% endif %}

{%- assign showing_localization = false -%}
{%- if section.settings.show_language_selector and localization.available_languages.size > 1 -%}{%- assign showing_localization = true -%}{%- endif -%}
{%- if section.settings.show_country_selector and localization.available_countries.size > 1 -%}{%- assign showing_localization = true -%}{%- endif -%}

{% if section.settings.show_payment_icons %}

{% for type in shop.enabled_payment_types %} {{ type | payment_type_svg_tag: class: 'section-footer__payment-icon' }} {% endfor %}

{% if section.settings.custom_payment_icon %}

{% endif %}

{% endif %}
{% if section.settings.lower_menu != blank %}

{% for link in linklists[section.settings.lower_menu].links %}
• {{- link.title -}}
{% endfor %}

{% endif %}

{% if section.settings.show_language_selector or section.settings.show_country_selector %}

{% render 'localization', input_prefix: 'footer' %}

{% endif %}

© {{ "now" | date: "%Y" }} {{ shop.name }}.

{{ aa }}

{% schema %}
{
“name”: “Footer”,
“class”: “section-footer”,
“max_blocks”: 4,
“settings”: [
{
“type”: “link_list”,
“id”: “lower_menu”,
“label”: “Lower footer menu”,
“info”: “This menu won’t show dropdown items.”
},
{
“type”: “header”,
“content”: “Payment methods”
},
{
“type”: “checkbox”,
“id”: “show_payment_icons”,
“label”: “Show payment icons”,
“default”: true,
“info”: “Payment icons are pulled directly from Shopify based on your payment settings”
},
{
“type”: “image_picker”,
“id”: “custom_payment_icon”,
“label”: “Custom payment icon”,
“info”: “40 x 25px recommended”
},
{
“type”: “header”,
“content”: “Country/Region Selector”,
“info”: “To add a country/region, go to your payment settings.”
},
{
“type”: “checkbox”,
“id”: “show_country_selector”,
“label”: “Enable country/region selector”,
“default”: true
},
{
“type”: “header”,
“content”: “Language Selector”,
“info”: “To add a language, go to your language settings.”
},
{
“type”: “checkbox”,
“id”: “show_language_selector”,
“label”: “Enable language selector”,
“default”: true
}
],
“blocks”: [
{
“type”: “menu”,
“name”: “Links”,
“settings”: [
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Quick links”
},
{
“type”: “link_list”,
“id”: “menu”,
“label”: “Menu”,
“info”: “This menu won’t show dropdown items.”,
“default”: “footer”
}
]
},
{
“type”: “text”,
“name”: “Text/Social”,
“settings”: [
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Talk about your store”
},
{
“type”: “richtext”,
“id”: “text”,
“label”: “Text”,
“default”: “

Use this text area to tell your customers about your brand and vision. You can change it in the theme editor.

”
},
{
“type”: “image_picker”,
“id”: “image”,
“label”: “Image”
},
{
“type”: “range”,
“id”: “image_width”,
“min”: 30,
“max”: 200,
“step”: 5,
“unit”: “px”,
“label”: “Footer image width”,
“default”: 100
},
{
“type”: “checkbox”,
“id”: “show_social_icons”,
“label”: “Show social media links”,
“default”: true,
“info”: “Add your social media links in Theme Settings > Social media”
}
]
},
{
“type”: “newsletter”,
“limit”: 1,
“name”: “Newsletter”,
“settings”: [
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Newsletter”
},
{
“type”: “richtext”,
“id”: “text”,
“label”: “Text”,
“default”: “

A short sentence describing what someone will receive when signing up to newsletters.

”
},
{
“type”: “checkbox”,
“id”: “show_social_icons_newsletter”,
“label”: “Show social media links”,
“default”: false,
“info”: “Add your social media links in Theme Settings > Social media”
},
{
“type”: “paragraph”,
“content”: “Customers who subscribe will have their email address added to the ‘accepts marketing’ customer list”
}
]
}
]
}
{% endschema %}

[Qcoltd]

ご質問いただいた内容についてですが、SNSアイコンのみとのことでしたので、下記添付画像の様な見た目と推測し回答させていただきます。

高さの調整はCSSを追加することで下記添付画像のように調整することが可能かと思います。

追加するCSSは管理画面のオンラインストアからカスタマイズ画面を開いていただき、左側ハケのアイコンをクリックし、カスタムCSSに以下のCSSを追加ください。
CSSは上段から@media (min-width: 768px) までがスマートフォン用の調整箇所、
@media (min-width: 768px) 以下がPC用の調整箇所となります。

.section-footer .section-footer__row--blocks {
  padding-top: 20px;
  padding-bottom: 0px;
}
.section-footer .section-footer__row__col {
  padding: 0;
}
.section-footer .section-footer__row-lower {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .section-footer .section-footer__row--blocks {
    padding-top: 20px;
  }
  .section-footer .section-footer__row--blocks .section-footer__row__col {
    margin-bottom: 0px;
  }
  .section-footer .section-footer__row-lower {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

スマートフォン、PCとも空き幅は20pxとしていますが、サイトに合わせ調整ください。

ご参考まで
(キュー小坂)