Re: Remove follow us and centre social icon with the Minimal Theme when viewed in widescreen

Remove follow us and centre social icon with the Minimal Theme when viewed in widescreen

DalinDesigns
New Member
6 0 0

Hi,

I'm using the Minimal Theme and would like to remove the 'Follow Us' from the footer and centre the social icon properly when viewed in widescreen.

Can someone help me with this please? 

Thank you

Dalin

Replies 9 (9)

Zworthkey
Shopify Partner
5581 642 1577

@DalinDesigns 
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

DalinDesigns
New Member
6 0 0

@Zworthkey I’ve manage to remove the follow us but the icon is still off centre. My store is dalin-designs.myshopify.com/

Zworthkey
Shopify Partner
5581 642 1577

@DalinDesigns 
Share your store password.
Thank you.

DalinDesigns
New Member
6 0 0
password is iamiab
DalinDesigns
New Member
6 0 0

Hi - are you able to help centre the social icons on the desktop version?

Thank you

LitExtension
Shopify Partner
4860 1002 1159

Please send code of sections/footer.liquid file. I will check it. Because there is an empty div tag and it gives this error. 

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
DalinDesigns
New Member
6 0 0

<footer class="site-footer small--text-center" role="contentinfo">

<div class="wrapper">

<div class="grid-uniform">

{% if settings.social_twitter_link != blank or settings.social_facebook_link != blank or settings.social_pinterest_link != blank or settings.social_google_plus_link != blank or settings.social_instagram_link != blank or settings.social_snapchat_link != blank or settings.social_tumblr_link != blank or settings.social_youtube_link != blank or settings.social_vimeo_link != blank or settings.social_fancy_link != blank or settings.social_rss_link != blank %}
{% assign show_social_icons = true %}
{% else %}
{% assign show_social_icons = false %}
{% endif %}

{% case section.blocks.size %}
{% when 0 %}
{% when 1 %}
{% assign column_width = 'text-center' %}
{%- assign article_width = 480 -%}
{% when 2 %}
{% assign column_width = 'post-large--one-half medium--one-half' %}
{%- assign article_width = 480 -%}
{% when 3 %}
{% assign column_width = 'post-large--one-third medium--one-third' %}
{%- assign article_width = 435 -%}
{% when 4 %}
{% assign column_width = 'post-large--one-quarter medium--one-half' %}
{%- assign article_width = 410 -%}
{% when 5 %}
{% assign column_width = 'post-large--one-fifth medium--one-half' %}
{%- assign article_width = 335 -%}
{% when 6 %}
{% assign column_width = 'post-large--one-sixth medium--one-half' %}
{%- assign article_width = 335 -%}
{% endcase %}

{% for block in section.blocks %}
{% case block.type %}
{% when 'blog' %}
<div class="grid__item {{ column_width }} site-footer__links">
{% assign blog = blogs[block.settings.blog] %}
<h3 class="h4"><a href="{{ blog.url }}">{{ 'layout.footer.blog_title' | t }}</a></h3>
{% assign article = blogs[block.settings.blog].articles.first %}
<p class="h5">{{ article.title | link_to: article.url }}</p>
{% if article.image %}
{% capture img_id %}ArticleImage-{{ section.id }}--{{ article.image.id }}{% endcapture %}
{% capture wrapper_id %}ArticleImageWrapper-{{ section.id }}--{{ article.image.id }}{% endcapture %}
{%- assign img_url = article.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
{%- assign image_alt = article.title | escape -%}
{% include 'image-style' with image: article.image, width: article_width, height: 480, wrapper_id: wrapper_id, img_id: img_id %}
<p>
<div id="{{ wrapper_id }}" class="article__image-wrapper supports-js">
<div style="padding-top:{{ 1 | divided_by: article.image.aspect_ratio | times: 100}}%;">
<img id="{{ img_id }}"
class="article__image lazyload"
src="{{ article.image | img_url: '300x300' }}"
data-src="{{ img_url }}"
data-widths="[90, 120, 150, 180, 360, 480, 600, 750, 940, 1080, 1296]"
data-aspectratio="{{ article.image.aspect_ratio }}"
data-sizes="auto"
alt="{{ image_alt }}">
</div>
</div>
</p>

<noscript>
<p>{{ article | img_url: 'large' | img_tag: image_alt, 'article__image' | link_to: article.url }}</p>
</noscript>
{% endif %}
{% if article.excerpt.size > 0 %}
<div class="clearfix">
{{ article.excerpt }}
</div>
{% else %}
<p>{{ article.content | strip_html | truncatewords: 30 }}</p>
{% endif %}
</div>

{% when 'menu' %}
<div class="grid__item {{ column_width }}">
{% unless num_columns == 1 %}
<h3 class="h4">{{ block.settings.menu_title | escape }}</h3>
{% endunless %}
<ul class="site-footer__links{% if num_columns == 1 %} inline-list{% endif %}">
{% for link in linklists[block.settings.menu].links %}
<li><a href="{{ link.url }}">{{ link.title }}</a></li>
{% endfor %}
</ul>
</div>

{% when 'social' %}
<div class="grid__item {{ column_width }}">
<h3 class="h4">{{ 'layout.footer.social_title' | t }}</h3>
{% comment %}
Loop through the social network links
{% endcomment %}
{% include 'social-links' %}
</div>

{% when 'text' %}
<div class="grid__item {{ column_width }}">
<h3 class="h4">{{ block.settings.title | escape }}</h3>
<div class="rte">{{ block.settings.richtext }}</div>
</div>

{% when 'newsletter' %}
<div class="grid__item {{ column_width }}">
<h3 class="h4">{{ 'layout.footer.newsletter_title' | t }}</h3>
{% unless block.settings.subtext == blank %}
{{ block.settings.subtext }}
{% endunless %}
{% include 'newsletter-form' %}
</div>

{% endcase %}
{% endfor %}
</div>

<hr class="hr--small hr--clear">

<div class="grid">
<div class="grid__item text-center">
<p class="site-footer__links">{{ 'layout.footer.copyright' | t }} &copy; {{ 'now' | date: '%Y' }}, {{ shop.name | link_to: routes.root_url }}. {{ powered_by_link }}</p>
</div>
</div>

{% if section.settings.show_methods_of_payment %}
{% unless shop.enabled_payment_types == empty %}
<div class="grid">
<div class="grid__item text-center">
<span class="visually-hidden">{{ 'general.payment.method' | t }}</span>
<ul class="inline-list payment-icons">
{% for type in shop.enabled_payment_types %}
<li>
{{ type | payment_type_svg_tag: class: 'icon' }}
</li>
{% endfor %}
</ul>
</div>
</div>
{% endunless %}
{% endif %}
</div>

</footer>

 

{% schema %}
{
"name": {
"cs": "Zápatí",
"da": "Sidefod",
"de": "Fußzeile",
"en": "Footer",
"es": "Pie de página",
"fi": "Alatunniste",
"fr": "Pied de page",
"it": "Footer",
"ja": "フッター",
"ko": "바닥글",
"nb": "Footer",
"nl": "Voettekst",
"pl": "Stopka",
"pt-BR": "Rodapé",
"pt-PT": "Rodapé",
"sv": "Sidfot",
"th": "ส่วนท้าย",
"tr": "Altbilgi",
"vi": "Chân trang",
"zh-CN": "页脚",
"zh-TW": "頁尾"
},
"max_blocks": 6,
"settings": [
{
"type": "checkbox",
"id": "show_methods_of_payment",
"label": {
"cs": "Ikony plateb",
"da": "Betalingsikoner",
"de": "Zahlungssymbole",
"en": "Payment icons",
"es": "Iconos de pago",
"fi": "Maksukuvakkeet",
"fr": "Icônes de paiement",
"it": "Icone di pagamento",
"ja": "支払いアイコン",
"ko": "결제 아이콘",
"nb": "Betalingsikoner",
"nl": "Betalingspictogrammen",
"pl": "Ikony płatności",
"pt-BR": "Ícones de pagamento",
"pt-PT": "Métodos de Pagamento",
"sv": "Betalningsikoner",
"th": "ไอคอนการชำระเงิน",
"tr": "Ödeme simgeleri",
"vi": "Biểu tượng thanh toán",
"zh-CN": "付款图标",
"zh-TW": "付款圖示"
}
}
],
"blocks": [
{
"type": "menu",
"name": {
"cs": "Nabídka",
"da": "Menu",
"de": "Menü",
"en": "Menu",
"es": "Menú",
"fi": "Valikko",
"fr": "Menu",
"it": "Menu",
"ja": "メニュー",
"ko": "메뉴",
"nb": "Meny",
"nl": "Menu",
"pl": "Menu",
"pt-BR": "Menu",
"pt-PT": "Menu",
"sv": "Meny",
"th": "เมนู",
"tr": "Menü",
"vi": "Menu",
"zh-CN": "菜单",
"zh-TW": "選單"
},
"settings": [
{
"type": "text",
"id": "menu_title",
"label": {
"cs": "Nadpis",
"da": "Overskrift",
"de": "Titel",
"en": "Heading",
"es": "Título",
"fi": "Otsake",
"fr": "Titre",
"it": "Heading",
"ja": "見出し",
"ko": "제목",
"nb": "Overskrift",
"nl": "Kop",
"pl": "Nagłówek",
"pt-BR": "Título",
"pt-PT": "Título",
"sv": "Rubrik",
"th": "ส่วนหัว",
"tr": "Başlık",
"vi": "Tiêu đề",
"zh-CN": "标题",
"zh-TW": "標題"
},
"default": {
"cs": "Odkazy",
"da": "Links",
"de": "Links",
"en": "Links",
"es": "Enlaces",
"fi": "Linkit",
"fr": "Liens",
"it": "Links",
"ja": "リンク",
"ko": "링크",
"nb": "Koblinger",
"nl": "Links",
"pl": "Linki",
"pt-BR": "Links",
"pt-PT": "Ligações",
"sv": "Länkar",
"th": "ลิงก์",
"tr": "Bağlantılar",
"vi": "Liên kết",
"zh-CN": "链接",
"zh-TW": "連結"
}
},
{
"type": "link_list",
"id": "menu",
"label": {
"cs": "Nabídka",
"da": "Menu",
"de": "Menü",
"en": "Menu",
"es": "Menú",
"fi": "Valikko",
"fr": "Menu",
"it": "Menu",
"ja": "メニュー",
"ko": "메뉴",
"nb": "Meny",
"nl": "Menu",
"pl": "Menu",
"pt-BR": "Menu",
"pt-PT": "Menu",
"sv": "Meny",
"th": "เมนู",
"tr": "Menü",
"vi": "Menu",
"zh-CN": "菜单",
"zh-TW": "選單"
}
}
]
},
{
"type": "text",
"name": {
"cs": "Text",
"da": "Tekst",
"de": "Text",
"en": "Text",
"es": "Texto",
"fi": "Teksti",
"fr": "Texte",
"it": "Testo",
"ja": "テキスト",
"ko": "텍스트",
"nb": "Tekst",
"nl": "Tekst",
"pl": "Tekst",
"pt-BR": "Texto",
"pt-PT": "Texto",
"sv": "Text",
"th": "ข้อความ",
"tr": "Metin",
"vi": "Văn bản",
"zh-CN": "文本",
"zh-TW": "文字"
},
"settings": [
{
"type": "text",
"id": "title",
"label": {
"cs": "Nadpis",
"da": "Overskrift",
"de": "Titel",
"en": "Heading",
"es": "Título",
"fi": "Otsake",
"fr": "Titre",
"it": "Heading",
"ja": "見出し",
"ko": "제목",
"nb": "Overskrift",
"nl": "Kop",
"pl": "Nagłówek",
"pt-BR": "Título",
"pt-PT": "Título",
"sv": "Rubrik",
"th": "ส่วนหัว",
"tr": "Başlık",
"vi": "Tiêu đề",
"zh-CN": "标题",
"zh-TW": "標題"
},
"default": {
"cs": "Kontaktujte nás",
"da": "Kontakte os",
"de": "Kontaktiere uns",
"en": "Contact us",
"es": "Ponte en contacto con nosotros",
"fi": "Ota yhteyttä",
"fr": "Contactez-nous",
"it": "Contattaci",
"ja": "お問い合わせ",
"ko": "문의처",
"nb": "Kontakt oss",
"nl": "Neem contact met ons op",
"pl": "Skontaktuj się z nami",
"pt-BR": "Fale conosco",
"pt-PT": "Contacte-nos",
"sv": "Kontakta oss",
"th": "ติดต่อเรา",
"tr": "Bizimle iletişime geçin",
"vi": "Liên hệ với chúng tôi",
"zh-CN": "联系我们",
"zh-TW": "聯絡我們"
}
},
{
"type": "richtext",
"id": "richtext",
"label": {
"cs": "Text",
"da": "Tekst",
"de": "Text",
"en": "Text",
"es": "Texto",
"fi": "Teksti",
"fr": "Texte",
"it": "Testo",
"ja": "テキスト",
"ko": "텍스트",
"nb": "Tekst",
"nl": "Tekst",
"pl": "Tekst",
"pt-BR": "Texto",
"pt-PT": "Texto",
"sv": "Text",
"th": "ข้อความ",
"tr": "Metin",
"vi": "Văn bản",
"zh-CN": "文本",
"zh-TW": "文字"
}
}
]
},
{
"type": "blog",
"name": {
"cs": "Nejnovější příspěvek na blogu",
"da": "Seneste blogopslag",
"de": "Letzter Blog-Beitrag",
"en": "Latest blog post",
"es": "Última entrada en el blog",
"fi": "Viimeisin blogijulkaisu",
"fr": "Dernier article de blog",
"it": "Ultimo articolo del blog",
"ja": "最新のブログ記事",
"ko": "최근 블로그 게시물",
"nb": "Siste blogginnlegg",
"nl": "Laatste blogbericht",
"pl": "Najnowszy post na blogu",
"pt-BR": "Último post do blog",
"pt-PT": "Última publicação no blogue",
"sv": "Senaste blogginlägget",
"th": "โพสต์บล็อกล่าสุด",
"tr": "En son blog gönderisi",
"vi": "Bài viết blog mới nhất",
"zh-CN": "最新博客文章",
"zh-TW": "最新的網誌貼文"
},
"settings": [
{
"type": "blog",
"id": "blog",
"label": {
"cs": "Blog",
"da": "Blog",
"de": "Blog",
"en": "Blog",
"es": "Blog",
"fi": "Blogi",
"fr": "Blog",
"it": "Blog",
"ja": "ブログ",
"ko": "블로그",
"nb": "Blogg",
"nl": "Blog",
"pl": "Blog",
"pt-BR": "Blog",
"pt-PT": "Blogue",
"sv": "Blogg",
"th": "บล็อก",
"tr": "Blog",
"vi": "Blog",
"zh-CN": "博客",
"zh-TW": "網誌"
}
}
]
},
{
"type": "social",
"name": {
"cs": "Ikony sociálních sítí",
"da": "Ikoner for sociale medier",
"de": "Social-Media-Symbole",
"en": "Social icons",
"es": "Iconos de redes sociales",
"fi": "Some-kuvakkeet",
"fr": "Icônes de partage social",
"it": "Icone social",
"ja": "ソーシャルアイコン",
"ko": "소셜 아이콘",
"nb": "Ikoner for sosiale medier",
"nl": "Socialmediapictogrammen",
"pl": "Ikony mediów społecznościowych",
"pt-BR": "Ícones de redes sociais",
"pt-PT": "Ícones de redes sociais",
"sv": "Sociala medier-ikoner",
"th": "ไอคอนโซเชียล",
"tr": "Sosyal medya simgeleri",
"vi": "Biểu tượng mạng xã hội",
"zh-CN": "社交图标",
"zh-TW": "社群媒體圖示"
},
"limit": 1,
"settings": [
{
"type": "paragraph",
"content": {
"cs": "Upravte nastavení sociálních sítí a účty v nastavení motivů",
"da": "Rediger dine SoMe-indstillinger og -konti i temaindstillingerne",
"de": "Einstellungen und Konten für soziale Netzwerke in den Theme-Einstellungen bearbeiten",
"en": "Edit your social settings and accounts in theme settings",
"es": "Edita tu configuración y tus cuentas de redes sociales en la configuración del tema",
"fi": "Muokkaa sosiaalisia asetuksiasi ja tilejäsi teema-asetuksissa",
"fr": "Modifiez vos paramètres et vos comptes sociaux dans les paramètres des thèmes",
"it": "Modifica impostazioni e account social nelle impostazioni temi",
"ja": "テーマ設定でソーシャル設定とアカウントを編集する",
"ko": "테마 설정에서 소셜 설정 및 계정 수정",
"nb": "Rediger sosiale kontoer og innstillinger under temainnstillinger",
"nl": "Bewerk je instellingen en accounts voor social media in thema-instellingen",
"pl": "Edytuj ustawienia i konta społecznościowe w ustawieniach szablonu",
"pt-BR": "Edite suas configurações sociais e contas nas configurações de tema",
"pt-PT": "Editar as suas definições sociais e contas nas definições de tema",
"sv": "Redigera dina sociala inställningar och konton i temainställningar",
"th": "แก้ไขการตั้งค่าโซเชียลมีเดียและบัญชีผู้ใช้ของคุณที่การตั้งค่าธีม",
"tr": "Sosyal medya ayarlarınızı ve hesaplarınızı tema ayarlarından düzenleyin",
"vi": "Chỉnh sửa cài đặt và tài khoản mạng xã hội trong cài đặt chủ đề",
"zh-CN": "在模板设置中编辑社媒设置和社交媒体账户",
"zh-TW": "在「佈景主題」設定中編輯社群設定和帳號"
}
}
]
},
{
"type": "newsletter",
"name": {
"cs": "Přihlášení k odběru novinek",
"da": "Tilmelding til nyhedsbrev",
"de": "Newsletter-Anmeldung",
"en": "Newsletter signup",
"es": "Suscripción al boletín",
"fi": "Uutiskirjeen tilaus",
"fr": "Inscription",
"it": "Iscrizione Newsletter",
"ja": "ニュースレターの登録",
"ko": "뉴스레터 신청",
"nb": "Registrering for nyhetsbrev",
"nl": "Nieuwsbriefaanmelding",
"pl": "Rejestracja do newslettera",
"pt-BR": "Assinatura da newsletter",
"pt-PT": "Registo na newsletter",
"sv": "Nyhetsbrevsregistrering",
"th": "การสมัครรับจดหมายข่าว",
"tr": "Bülten kaydı",
"vi": "Đăng ký nhận bản tin",
"zh-CN": "新闻通讯注册",
"zh-TW": "訂閱電子報"
},
"limit": 1,
"settings": [
{
"type": "richtext",
"id": "subtext",
"label": {
"cs": "Text nižší úrovně",
"da": "Undertekst",
"de": "Subtext",
"en": "Subtext",
"es": "Subtexto",
"fi": "Alateksti",
"fr": "Sous-texte",
"it": "Sottotesto",
"ja": "サブテキスト",
"ko": "하위 텍스트",
"nb": "Undertekst",
"nl": "Subtekst",
"pl": "Tekst podrzędny",
"pt-BR": "Subtexto",
"pt-PT": "Subtexto",
"sv": "Undertext",
"th": "ข้อความรอง",
"tr": "Alt metin",
"vi": "Văn bản phụ",
"zh-CN": "子文本",
"zh-TW": "子文字"
},
"default": {
"cs": "<p>Zaregistrujte se k odběru nejnovějších zpráv, nabídek a stylů</p>",
"da": "<p>Bliv skrevet op til at modtage de seneste nyheder, tilbud og stilarter</p>",
"de": "<p>Melde dich für die neuesten Nachrichten, Angebote und Stile an</p>",
"en": "<p>Sign up for the latest news, offers and styles</p>",
"es": "<p>Regístrate para recibir las últimas noticias, ofertas y estilos</p>",
"fi": "<p>Tilaa tuoreimmat uutiset, tarjoukset ja tyylit</p>",
"fr": "<p>Inscrivez-vous pour connaître les derniers styles, offres et nouvelles</p>",
"it": "<p>Iscriviti per ricevere le ultime novità, offerte e stili</p>",
"ja": "<p>サインアップして最新のニュース、オファー、スタイルを受け取る</p>",
"ko": "<p>최신 뉴스, 서비스 및 스타일을 위해 가입하십시오.</p>",
"nb": "<p>Meld deg på for å motta de siste nyhetene, tilbudene og stilene</p>",
"nl": "<p> Meld je aan voor het laatste nieuws, aanbiedingen en stijlen</p>",
"pl": "<p>Zarejestruj się, aby otrzymywać najnowsze wiadomości, oferty i style</p>",
"pt-BR": "<p>Inscreva-se para receber os últimos estilos, novidades e ofertas</p>",
"pt-PT": "<p>Inscreva-se para as notícias, ofertas e estilos mais recentes</p>",
"sv": "<p>Registrera dig för de senaste nyheterna, erbjudanden och stilar</p>",
"th": "<p>ลงทะเบียนรับข่าวสาร ข้อเสนอ และรูปแบบใหม่ล่าสุด</p>",
"tr": "<p>Son haberler, teklifler ve stiller için kaydolun</p>",
"vi": "<p>Đăng ký để nhận tin tức, ưu đãi và kiểu mới nhất</p>",
"zh-CN": "<p>注册以获取最新新闻、优惠和样式</p>",
"zh-TW": "<p>訂閱最新消息、優惠和樣式</p>"
}
}
]
}
]
}
{% endschema %}

Kinjaldavra
Shopify Partner
2302 570 1426

hello @DalinDesigns 

social icon alredy in center https://nimb.ws/eMncj5 can you please share screenshot which social icon centre  

 

DalinDesigns
New Member
6 0 0
It’s not exactly centred in the desktop version.