What's your biggest current challenge? Have your say in Community Polls along the right column.

Include the Banner Image in the Header Menu in Theme Sense

Include the Banner Image in the Header Menu in Theme Sense

emirsalibasic
Visitor
3 0 0

Hi,

 

i want the banner image from my store to be included in my menu header section. currently it looks like this: 

emirsalibasic_0-1730492877335.png

 

but i want it like this:

emirsalibasic_0-1730493165108.png

 

 

Replies 6 (6)

mrashid
Shopify Partner
297 26 32

@emirsalibasic 

Add this code in the header.liquid file under schema

 {
      "type": "checkbox",
      "id": "enable_transparent-header",
      "label": "Enable Transparent Header",
      "default": false
    },
    {
      "type": "text",
      "id": "color-transparent",
      "label": "Transparent Color"
    }

Add this code in the header.liquid file under <style> tag

{% if section.settings.enable_transparent-header %}
    .header-wrapper{
      background: transparent !important;
    position: absolute !important;
    width: 100% !important;
    top: 0px;
  }
  {% endif %}

  {% if section.settings.color-transparent %}
@media only screen and (min-width: 600px) {
    .list-menu__item, details[open]>.header__submenu {
  color: {{ section.settings.color-transparent }} !important;
      background: transparent;
    }
  
}
  .header__icon.link,.header__active-menu-item,.disclosure__button,.header__heading-link .h2{
  color: {{ section.settings.color-transparent }} !important;
    }
    {% endif %}
- Need a Shopify developer? Chat on WhatsApp +923068683199
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
emirsalibasic
Visitor
3 0 0

Hi Mrashid,

 

thank you very much - where exactly do i need to insert it?

emirsalibasic_0-1730540428996.png

 

mrashid
Shopify Partner
297 26 32

@emirsalibasic after settings [

- Need a Shopify developer? Chat on WhatsApp +923068683199
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
emirsalibasic
Visitor
3 0 0

@mrashid did i insert it wrong? i get an error:

 

emirsalibasic_0-1730562930035.png

 

mrashid
Shopify Partner
297 26 32

@emirsalibasic 

 {
      "type": "checkbox",
      "id": "enable_transparent-header",
      "label": "Enable Transparent Header",
      "default": false
    },
    {
      "type": "text",
      "id": "color-transparent",
      "label": "Transparent Color"
    },


please copy paste this. you need to add comma , at the end as well 

 

- Need a Shopify developer? Chat on WhatsApp +923068683199
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
mrashid
Shopify Partner
297 26 32

@emirsalibasic or reach out on private chat . whats app thank you

- Need a Shopify developer? Chat on WhatsApp +923068683199
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution