Transparent header for a Customized Theme

Hi,

I am trying to make the header of my theme transparent and I have tried inputting code from various discussions from here but I can not get it done, it just does not change. I use a custom theme and when selecting a background colour I have few options to select from and that’s it, there is no option for setting it transparent. If there is a way to add another colour (transparent colour) in the setting which then I can select at the header setting from the dropdown options it can suffice. I am open to other solutions I will share the link to the website and theme. liquid code if it is any help.
www.barakatbazaar.com

{%- unless settings.favicon == blank -%}

{%- endunless -%} {{ page_title }} {%- if current_tags %} – tagged "{{ current_tags | join: ', ' }}"{% endif -%} {%- if current_page != 1 %} – Page {{ current_page }}{% endif -%} {%- unless page_title contains shop.name %} – {{ shop.name }}{% endunless -%}

{% if page_description %}

{% endif %}

{% render ‘meta-tags’ %}

{{ content_for_header }}

{{ shop.metafields.loox[“global_html_head”] }}

{{ 'general.accessibility.skip_content' | t }}

{% sections ‘header-group’ %}

{{ content_for_layout }}

{% sections ‘footer-group’ %}

{% liquid
render ‘offcanvas-cart’
render ‘offcanvas-search’
render ‘currency-selector’
%}

{{ shop.metafields.loox[“global_html_body”] }}
{{ ‘//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/booster-page-speed-optimizer.js?23’ | script_tag }}

Hi @IbrahimWaseem

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Richard | PageFly

Thanks!

Glad that i can help. Let me know if you have other questions