small logo on mobile version, product photo

annavalentyna
Tourist
5 0 1

Hi, 

I am using boundless theme and I´d like the logo on the mobile version to be bigger. I´ve already tried adding some codes but it didn´t help.

Also on the product page you can´t click on the product photo to see the other ones, you have to scroll down in order to see them. I´d like to know if there´s a way to change that.

 

Thank in advance for your help!

dmwwebartisan
Shopify Partner
7427 1761 2358

@annavalentyna 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
annavalentyna
Tourist
5 0 1
dmwwebartisan
Shopify Partner
7427 1761 2358

Please share your Sections/header.liquid file code for header logo changes.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
dmwwebartisan
Shopify Partner
7427 1761 2358

This is admin URL  not accesses without admin login details .

Please open file and copy code and send .

Thanks! 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
annavalentyna
Tourist
5 0 1

<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": {

    "cs": "Záhlaví",

    "da": "Overskrift",

    "de": "Titel",

    "en": "Header",

    "es": "Encabezado",

    "fi": "Ylätunniste",

    "fr": "En-tête",

    "it": "Header",

    "ja": "ヘッダー",

    "ko": "헤더",

    "nb": "Header",

    "nl": "Koptekst",

    "pl": "Nagłówek",

    "pt-BR": "Cabeçalho",

    "pt-PT": "Cabeçalho",

    "sv": "Rubrik",

    "th": "ส่วนหัว",

    "tr": "Üstbilgi",

    "vi": "Đầu trang",

    "zh-CN": "标头",

    "zh-TW": "標頭"

  },

  "class": "header-section",

  "settings": [

    {

      "type": "image_picker",

      "id": "logo",

      "label": {

        "cs": "Logo",

        "da": "Logo",

        "de": "Logo",

        "en": "Logo",

        "es": "Logo",

        "fi": "Logo",

        "fr": "Logo",

        "it": "Logo",

        "ja": "ロゴ",

        "ko": "로고",

        "nb": "Logo",

        "nl": "Logo",

        "pl": "Logo",

        "pt-BR": "Logo",

        "pt-PT": "Logótipo",

        "sv": "Logotyp",

        "th": "โลโก้",

        "tr": "Logo",

        "vi": "Logo",

        "zh-CN": "logo",

        "zh-TW": "商標"

      },

      "info": {

        "cs": "Maximálně 450 × 200 px",

        "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",

        "it": "450 x 200 px max",

        "ja": "最大450 x 200ピクセル",

        "ko": "최대 450x200 픽셀",

        "nb": "Maks 450 x 200 px",

        "nl": "450 x 200px max",

        "pl": "Maks. 450 x 200 px",

        "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 พิกเซล",

        "tr": "Maksimum 450 x 200 piksel",

        "vi": "Tối đa 450 x 200px",

        "zh-CN": "最大 450 x 200 px",

        "zh-TW": "最大 450 x 200 像素"

      }

    },

    {

      "type": "image_picker",

      "id": "logo_slideshow",

      "label": {

        "cs": "Logo na domovské stránce",

        "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",

        "it": "Logo della home page",

        "ja": "ホームページのロゴ",

        "ko": "홈페이지 로고",

        "nb": "Logo for startsiden",

        "nl": "Logo homepage",

        "pl": "Logo strony głównej",

        "pt-BR": "Logo da página inicial",

        "pt-PT": "Logótipo da página inicial",

        "sv": "Hemsideslogo",

        "th": "โลโก้หน้าแรก",

        "tr": "Ana sayfa logosu",

        "vi": "Logo trang chủ",

        "zh-CN": "主页 logo",

        "zh-TW": "首頁商標"

      },

      "info": {

        "cs": "Zobrazit v prezentaci",

        "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",

        "it": "Mostrato sulla presentazione",

        "ja": "スライドショーに表示する",

        "ko": "슬라이드쇼에 표시",

        "nb": "Vist i lysbildefremvisning",

        "nl": "Weergegeven op diavoorstelling",

        "pl": "Wyświetlane w pokazie slajdów",

        "pt-BR": "Exibido em slides",

        "pt-PT": "Mostrado numa apresentação de diapositivos",

        "sv": "Visas på bildspelet",

        "th": "แสดงในสไลด์โชว์",

        "tr": "Slayt gösterisinde gösterilir",

        "vi": "Hiển thị trên bản trình chiếu",

        "zh-CN": "显示在幻灯片上",

        "zh-TW": "素材輪播"

      }

    },

    {

      "type": "text",

      "id": "logo_width",

      "label": {

        "cs": "Šířka vlastního loga (v pixelech)",

        "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)",

        "it": "Larghezza logo personalizzato (in pixel)",

        "ja": "ロゴの幅をカスタマイズする (ピクセル単位)",

        "ko": "사용자 지정 로고 폭 (픽셀)",

        "nb": "Tilpasset logobredde (i piksler)",

        "nl": "Aangepaste logobreedte (in pixels)",

        "pl": "Niestandardowa szerokość logo (w pikselach)",

        "pt-BR": "Largura do logo personalizado (em pixels)",

        "pt-PT": "Largura de logótipo personalizada (em píxeis)",

        "sv": "Anpassad logotypbredd (i pixlar)",

        "th": "ความกว้างของโลโก้แบบกำหนดเอง (เป็นพิกเซล)",

        "tr": "Özel logo genişliği (piksel)",

        "vi": "Chiều rộng logo tùy chỉnh (pixel)",

        "zh-CN": "自定义 logo 宽度(像素)",

        "zh-TW": "自訂標誌寬度 (單位為像素)"

      },

      "default": {

        "cs": "180",

        "da": "180",

        "de": "180",

        "en": "180",

        "es": "180",

        "fi": "180",

        "fr": "180",

        "it": "180",

        "ja": "180",

        "ko": "180",

        "nb": "180",

        "nl": "180",

        "pl": "180",

        "pt-BR": "180",

        "pt-PT": "180",

        "sv": "180",

        "th": "180",

        "tr": "180",

        "vi": "180",

        "zh-CN": "180",

        "zh-TW": "180"

      }

    }

  ]

}

{% endschema %}

0 Likes
annavalentyna
Tourist
5 0 1

Hi, 

I just wanted to make sure that I sent the code right? If you want me to send the code differently please let me know.

0 Likes