Boundless Theme: No logo on Homepage

Highlighted
New Member
8 0 0

Hello Guys I have a little problem,

 

I just noticed that I don't have a logo on my homepage and that the navigation is therefore not working properly.

The logo is uploaded and set in the theme's settings, but unfortunately it is only not visible on the homepage.

I would be grateful if you could help me my homepage: worldofmasks.de

0 Likes
Highlighted
New Member
8 0 0

I want to upload two screens for this problem, the first one is the homepage where the navigation does not exist, the second one is a collection page.

 

 

Bildschirmfoto 2020-08-13 um 09.17.05.pngBildschirmfoto 2020-08-13 um 09.17.26.png

0 Likes
Highlighted
Astronaut
1083 178 213

Hello,

Please copy and paste here the code of your header.liquid file.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
8 0 0

@diego_ezfy wrote:

Hello,

Please copy and paste here the code of your header.liquid file.


Of course:

<style>
.site-header__logo img {
max-width: {{ section.settings.logo_width | escape | default: '180' | remove: 'px' | append: 'px' }};
}
@media screen and (max-width: 749px) {
.site-header__logo img {
max-width: 100%;
}
}
</style>

<header class="site-header" role="banner" data-section-id="{{ section.id }}" data-section-type="header-section">
<div class="grid grid--no-gutters grid--table site-header__inner">
<div class="grid__item one-third medium-up--one-sixth">
<button type="button" class="site-header__link text-link site-header__toggle-nav js-drawer-open-left">
<span class="icon icon-hamburger" aria-hidden="true"></span>
<span class="icon__fallback-text">{{ 'layout.navigation.menu' | t }}</span>
</button>
</div>
<div class="grid__item one-third medium-up--two-thirds">
<div class="site-header__logo h1" itemscope itemtype="http://schema.org/Organization">

{%- if request.page_type == "index" -%}
{%- if section.settings.logo_slideshow != blank -%}
<a href="{{ routes.root_url }}" itemprop="url" class="site-header__logo-link">
{% capture image_size %}{{ section.settings.logo_width | escape }}x{% endcapture %}
<img class="site-header__logo-image" src="{{ section.settings.logo_slideshow | img_url: image_size }}"
srcset="{{ section.settings.logo_slideshow | img_url: image_size }} 1x, {{ section.settings.logo_slideshow | img_url: image_size, scale: 2 }} 2x" alt="{{ shop.name }}" itemprop="logo">
</a>
{%- endif -%}
{%- else -%}
{%- if section.settings.logo != blank -%}
<a href="{{ routes.root_url }}" itemprop="url" class="site-header__logo-link">
{% capture image_size %}{{ section.settings.logo_width | escape }}x{% endcapture %}
<img class="site-header__logo-image" src="{{ section.settings.logo | img_url: image_size }}"
srcset="{{ section.settings.logo | img_url: image_size }} 1x, {{ section.settings.logo | img_url: image_size, scale: 2 }} 2x" alt="{{ shop.name }}" itemprop="logo">
</a>
{%- else -%}
<a href="{{ routes.root_url }}" class="site-header__link site-header__logo-link" itemprop="url">{{ shop.name }}</a>
{%- endif -%}
{%- endif -%}

</div>
</div>

<div class="grid__item one-third medium-up--one-sixth text-right">
<a href="{{ routes.search_url }}" class="site-header__link site-header__search js-drawer-open-top">
<span class="icon icon-search" aria-hidden="true"></span>
<span class="icon__fallback-text">{{ 'layout.navigation.search' | t }}</span>
</a>
<a href="{{ routes.cart_url }}" class="site-header__link site-header__cart cart-link{% if settings.cart_type == 'drawer' %} js-drawer-open-right{% endif %}{% if cart.item_count > 0 %} cart-bubble--visible{% endif %}">
<span class="icon icon-cart" aria-hidden="true"></span>
<span class="icon__fallback-text">{{ 'layout.cart.title' | t }}</span>
</a>
</div>
</div>
</header>


{% schema %}
{
"name": {
"da": "Overskrift",
"de": "Titel",
"en": "Header",
"es": "Encabezado",
"fi": "Ylätunniste",
"fr": "En-tête",
"hi": "हैडर",
"it": "Header",
"ja": "ヘッダー",
"ko": "헤더",
"nb": "Header",
"nl": "Koptekst",
"pt-BR": "Cabeçalho",
"pt-PT": "Cabeçalho",
"sv": "Rubrik",
"th": "ส่วนหัว",
"zh-CN": "标头",
"zh-TW": "標頭"
},
"class": "header-section",
"settings": [
{
"type": "image_picker",
"id": "logo",
"label": {
"da": "Logo",
"de": "Logo",
"en": "Logo",
"es": "Logo",
"fi": "Logo",
"fr": "Logo",
"hi": "लोगो",
"it": "Logo",
"ja": "ロゴ",
"ko": "로고",
"nb": "Logo",
"nl": "Logo",
"pt-BR": "Logotipo",
"pt-PT": "Logótipo",
"sv": "Logotyp",
"th": "โลโก้",
"zh-CN": "logo",
"zh-TW": "商標"
},
"info": {
"da": "Maks. 450 x 200 px",
"de": "Maximal 450 x 200 Pixel",
"en": "450 x 200px max",
"es": "450 x 200px máx.",
"fi": "Enintään 450 x 200 pikseliä",
"fr": "450 x 250 px max",
"hi": "450 x 200 पिक्सेल अधिकतम",
"it": "450 x 200 px max",
"ja": "最大450 x 200ピクセル",
"ko": "최대 450x200 픽셀",
"nb": "Maks 450 x 200 px",
"nl": "450 x 200px max",
"pt-BR": "450 x 200 px máx.",
"pt-PT": "450 x 200 px máx.",
"sv": "450 x 200 px max",
"th": "สูงสุด 450 x 200 พิกเซล",
"zh-CN": "最大 450 x 200 px",
"zh-TW": "最大 450 x 200 像素"
}
},
{
"type": "image_picker",
"id": "logo_slideshow",
"label": {
"da": "Logo på startside",
"de": "Startseitenlogo",
"en": "Home page logo",
"es": "Logo de la página de inicio",
"fi": "Etusivun logo",
"fr": "Logo de la page d'accueil",
"hi": "होमपेज लोगो",
"it": "Logo della home page",
"ja": "ホームページのロゴ",
"ko": "홈페이지 로고",
"nb": "Logo for startsiden",
"nl": "Logo homepage",
"pt-BR": "Logotipo da página inicial",
"pt-PT": "Logótipo da página inicial",
"sv": "Hemsideslogo",
"th": "โลโก้หน้าแรก",
"zh-CN": "主页 logo",
"zh-TW": "首頁商標"
},
"info": {
"da": "Vist i diasshow",
"de": "In Slideshow anzeigen",
"en": "Shown on slideshow",
"es": "Mostrado en diapositivas",
"fi": "Näkyy diaesityksessä",
"fr": "Affiché sur le diaporama",
"hi": "स्लाइडशो पर दिखाना",
"it": "Mostrato sulla presentazione",
"ja": "スライドショーに表示する",
"ko": "슬라이드쇼에 표시",
"nb": "Vist i lysbildefremvisning",
"nl": "Weergegeven op diavoorstelling",
"pt-BR": "Exibido em slides",
"pt-PT": "Mostrado numa apresentação de diapositivos",
"sv": "Visas på bildspelet",
"th": "แสดงในสไลด์โชว์",
"zh-CN": "显示在幻灯片上",
"zh-TW": "素材輪播"
}
},
{
"type": "text",
"id": "logo_width",
"label": {
"da": "Tilpasset logobredde (i pixels)",
"de": "Benutzerdefinierte Logobreite (Pixel)",
"en": "Custom logo width (in pixels)",
"es": "Ancho del logo personalizado (en píxeles)",
"fi": "Mukautettu logon leveys (pikseleinä)",
"fr": "Largeur personnalisée du logo (en pixels)",
"hi": "कस्टम लोगो की चौड़ाई (पिक्सेल)",
"it": "Larghezza logo personalizzato (in pixel)",
"ja": "ロゴの幅をカスタマイズする (ピクセル単位)",
"ko": "사용자 지정 로고 폭 (픽셀)",
"nb": "Tilpasset logobredde (i piksler)",
"nl": "Aangepaste logobreedte (in pixels)",
"pt-BR": "Largura do logotipo personalizado (em pixels)",
"pt-PT": "Largura de logótipo personalizada (em píxeis)",
"sv": "Anpassad logotypbredd (i pixlar)",
"th": "ความกว้างของโลโก้แบบกำหนดเอง (เป็นพิกเซล)",
"zh-CN": "自定义 logo 宽度(像素)",
"zh-TW": "自訂標誌寬度 (單位為像素)"
},
"default": {
"da": "180",
"de": "180",
"en": "180",
"es": "180",
"fi": "180",
"fr": "180",
"hi": "180",
"it": "180",
"ja": "180",
"ko": "180",
"nb": "180",
"nl": "180",
"pt-BR": "180",
"pt-PT": "180",
"sv": "180",
"th": "180",
"zh-CN": "180",
"zh-TW": "180"
}
}
]
}
{% endschema %}

0 Likes
Highlighted
Astronaut
1083 178 213

Delete everything inside of the header.liquid and paste this code below. If this doesn't work you have installed an app that broke your theme,  in that case it will require hiring a Shopify developer to assist you since it's a more complex problem.

Code:

<style>
  .site-header__logo img {
    max-width: {{ section.settings.logo_width | escape | default: '180' | remove: 'px' | append: 'px' }};
  }
  @media screen and (max-width: 749px) {
    .site-header__logo img {
      max-width: 100%;
    }
  }
</style>

<header class="site-header" role="banner" data-section-id="{{ section.id }}" data-section-type="header-section">
  <div class="grid grid--no-gutters grid--table site-header__inner">
    <div class="grid__item one-third medium-up--one-sixth">
      <button type="button" class="site-header__link text-link site-header__toggle-nav js-drawer-open-left">
        <span class="icon icon-hamburger" aria-hidden="true"></span>
        <span class="icon__fallback-text">{{ 'layout.navigation.menu' | t }}</span>
      </button>
    </div>
    <div class="grid__item one-third medium-up--two-thirds">
      <div class="site-header__logo h1" itemscope itemtype="http://schema.org/Organization">

        {%- if request.page_type == "index" -%}
          {%- if section.settings.logo_slideshow != blank -%}
            <a href="{{ routes.root_url }}" itemprop="url" class="site-header__logo-link">
              {% capture image_size %}{{ section.settings.logo_width | escape }}x{% endcapture %}
              <img class="site-header__logo-image" src="{{ section.settings.logo_slideshow | img_url: image_size }}"
              srcset="{{ section.settings.logo_slideshow | img_url: image_size }} 1x, {{ section.settings.logo_slideshow | img_url: image_size, scale: 2 }} 2x" alt="{{ shop.name }}" itemprop="logo">
            </a>
          {%- endif -%}
        {%- else -%}
          {%- if section.settings.logo != blank -%}
            <a href="{{ routes.root_url }}" itemprop="url" class="site-header__logo-link">
              {% capture image_size %}{{ section.settings.logo_width | escape }}x{% endcapture %}
              <img class="site-header__logo-image" src="{{ section.settings.logo | img_url: image_size }}"
              srcset="{{ section.settings.logo | img_url: image_size }} 1x, {{ section.settings.logo | img_url: image_size, scale: 2 }} 2x" alt="{{ shop.name }}" itemprop="logo">
            </a>
          {%- else -%}
            <a href="{{ routes.root_url }}" class="site-header__link site-header__logo-link" itemprop="url">{{ shop.name }}</a>
          {%- endif -%}
        {%- endif -%}

      </div>
    </div>

    <div class="grid__item one-third medium-up--one-sixth text-right">
      <a href="{{ routes.search_url }}" class="site-header__link site-header__search js-drawer-open-top">
        <span class="icon icon-search" aria-hidden="true"></span>
        <span class="icon__fallback-text">{{ 'layout.navigation.search' | t }}</span>
      </a>
      <a href="{{ routes.cart_url }}" class="site-header__link site-header__cart cart-link{% if settings.cart_type == 'drawer' %} js-drawer-open-right{% endif %}{% if cart.item_count > 0 %} cart-bubble--visible{% endif %}">
        <span class="icon icon-cart" aria-hidden="true"></span>
        <span class="icon__fallback-text">{{ 'layout.cart.title' | t }}</span>
      </a>
    </div>
  </div>
</header>


{% schema %}
{
  "name": {
    "da": "Overskrift",
    "de": "Titel",
    "en": "Header",
    "es": "Encabezado",
    "fi": "Ylätunniste",
    "fr": "En-tête",
    "hi": "हैडर",
    "it": "Header",
    "ja": "ヘッダー",
    "ko": "헤더",
    "nb": "Header",
    "nl": "Koptekst",
    "pt-BR": "Cabeçalho",
    "pt-PT": "Cabeçalho",
    "sv": "Rubrik",
    "th": "ส่วนหัว",
    "zh-CN": "标头",
    "zh-TW": "標頭"
  },
  "class": "header-section",
  "settings": [
    {
      "type": "image_picker",
      "id": "logo",
      "label": {
        "da": "Logo",
        "de": "Logo",
        "en": "Logo",
        "es": "Logo",
        "fi": "Logo",
        "fr": "Logo",
        "hi": "लोगो",
        "it": "Logo",
        "ja": "ロゴ",
        "ko": "로고",
        "nb": "Logo",
        "nl": "Logo",
        "pt-BR": "Logotipo",
        "pt-PT": "Logótipo",
        "sv": "Logotyp",
        "th": "โลโก้",
        "zh-CN": "logo",
        "zh-TW": "商標"
      },
      "info": {
        "da": "Maks. 450 x 200 px",
        "de": "Maximal 450 x 200 Pixel",
        "en": "450 x 200px max",
        "es": "450 x 200px máx.",
        "fi": "Enintään 450 x 200 pikseliä",
        "fr": "450 x 250 px max",
        "hi": "450 x 200 पिक्सेल अधिकतम",
        "it": "450 x 200 px max",
        "ja": "最大450 x 200ピクセル",
        "ko": "최대 450x200 픽셀",
        "nb": "Maks 450 x 200 px",
        "nl": "450 x 200px max",
        "pt-BR": "450 x 200 px máx.",
        "pt-PT": "450 x 200 px máx.",
        "sv": "450 x 200 px max",
        "th": "สูงสุด 450 x 200 พิกเซล",
        "zh-CN": "最大 450 x 200 px",
        "zh-TW": "最大 450 x 200 像素"
      }
    },
    {
      "type": "image_picker",
      "id": "logo_slideshow",
      "label": {
        "da": "Logo på startside",
        "de": "Startseitenlogo",
        "en": "Home page logo",
        "es": "Logo de la página de inicio",
        "fi": "Etusivun logo",
        "fr": "Logo de la page d'accueil",
        "hi": "होमपेज लोगो",
        "it": "Logo della home page",
        "ja": "ホームページのロゴ",
        "ko": "홈페이지 로고",
        "nb": "Logo for startsiden",
        "nl": "Logo homepage",
        "pt-BR": "Logotipo da página inicial",
        "pt-PT": "Logótipo da página inicial",
        "sv": "Hemsideslogo",
        "th": "โลโก้หน้าแรก",
        "zh-CN": "主页 logo",
        "zh-TW": "首頁商標"
      },
      "info": {
        "da": "Vist i diasshow",
        "de": "In Slideshow anzeigen",
        "en": "Shown on slideshow",
        "es": "Mostrado en diapositivas",
        "fi": "Näkyy diaesityksessä",
        "fr": "Affiché sur le diaporama",
        "hi": "स्लाइडशो पर दिखाना",
        "it": "Mostrato sulla presentazione",
        "ja": "スライドショーに表示する",
        "ko": "슬라이드쇼에 표시",
        "nb": "Vist i lysbildefremvisning",
        "nl": "Weergegeven op diavoorstelling",
        "pt-BR": "Exibido em slides",
        "pt-PT": "Mostrado numa apresentação de diapositivos",
        "sv": "Visas på bildspelet",
        "th": "แสดงในสไลด์โชว์",
        "zh-CN": "显示在幻灯片上",
        "zh-TW": "素材輪播"
      }
    },
    {
      "type": "text",
      "id": "logo_width",
      "label": {
        "da": "Tilpasset logobredde (i pixels)",
        "de": "Benutzerdefinierte Logobreite (Pixel)",
        "en": "Custom logo width (in pixels)",
        "es": "Ancho del logo personalizado (en píxeles)",
        "fi": "Mukautettu logon leveys (pikseleinä)",
        "fr": "Largeur personnalisée du logo (en pixels)",
        "hi": "कस्टम लोगो की चौड़ाई (पिक्सेल)",
        "it": "Larghezza logo personalizzato (in pixel)",
        "ja": "ロゴの幅をカスタマイズする (ピクセル単位)",
        "ko": "사용자 지정 로고 폭 (픽셀)",
        "nb": "Tilpasset logobredde (i piksler)",
        "nl": "Aangepaste logobreedte (in pixels)",
        "pt-BR": "Largura do logotipo personalizado (em pixels)",
        "pt-PT": "Largura de logótipo personalizada (em píxeis)",
        "sv": "Anpassad logotypbredd (i pixlar)",
        "th": "ความกว้างของโลโก้แบบกำหนดเอง (เป็นพิกเซล)",
        "zh-CN": "自定义 logo 宽度(像素)",
        "zh-TW": "自訂標誌寬度 (單位為像素)"
      },
      "default": {
        "da": "180",
        "de": "180",
        "en": "180",
        "es": "180",
        "fi": "180",
        "fr": "180",
        "hi": "180",
        "it": "180",
        "ja": "180",
        "ko": "180",
        "nb": "180",
        "nl": "180",
        "pt-BR": "180",
        "pt-PT": "180",
        "sv": "180",
        "th": "180",
        "zh-CN": "180",
        "zh-TW": "180"
      }
    }
  ]
}
{% endschema %}

 

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
8 0 0

Unfortunately does not work...

But I have to say that I remember changing the code. But I don't know where anymore ...

0 Likes
Highlighted
Astronaut
1083 178 213

Remove this theme and install a fresh copy then. It's your best bet. If the code is broken it will hurt your sales. 

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
8 0 0

There has to be an easier way. I changed the code because the logo was set too big and it interfered with the navigation.

0 Likes