the header color is shown on desktop view but not shown on mobile view

[DandSmart]

this is the code of theme.liquid plzz someone check it

{% liquid
assign theme_rtl = false
if settings.rtl_enable and settings.langauges_rtl == blank
assign theme_rtl = true
endif

if settings.rtl_enable and settings.langauges_rtl != blank
assign rtl_languages = settings.langauges_rtl | split: ‘,’
for language in rtl_languages
if language == request.locale.iso_code
assign theme_rtl = true
endif
endfor
endif
%}

{%- if settings.favicon != blank -%}

{%- endif -%} {{ 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 ‘social-meta-tags’, product: product, article: article -%}

{%- render ‘typography-and-color’ -%}

{{ content_for_header }}
{%- render ‘oldIE-js’ -%}

{%- render ‘header-css’ -%}

{%- if settings.mrn_custom_css != ‘’ -%}

{{ settings.mrn_custom_css }}

{%- endif -%}

{%- render ‘header-js’ -%}

{% if template contains ‘customers’ %}
{{ ‘shopify_common.js’ | shopify_asset_url | script_tag }}
{% endif %}

{%- if settings.enable_preloader -%} {%- render 'preloader' -%} {%- endif -%}

{%- if template == ‘index’ and settings.newsletter_popup_enable -%}
{%- render ‘newsletter-popup’ -%}
{%- endif -%}

{% sections 'header-group' %}

{% liquid
assign breadcrumb = true
if template == ‘404’ or template == ‘customers/login’ or template == ‘customers/register’ or template == ‘customers/account’ or template == ‘customers/activate_account’ or template == ‘customers/addresses’ or template == ‘customers/order’ or template == ‘customers/reset_password’
assign breadcrumb = false
endif
%}

{%- if template != ‘index’ and breadcrumb -%}
{%- if template == ‘collection’ -%}
{% if collection.handle == ‘all’ %}
{%- section ‘breadcrumb’ -%}
{%- endif -%}
{%- else -%}
{%- section ‘breadcrumb’ -%}
{%- endif -%}
{%- endif -%}

{{ content_for_layout }}

{% sections ‘footer-group’ %}

{%- if settings.compare_product_enalbe -%}
{%- render ‘compare-popup’ -%}
{%- endif -%}

{%- render ‘footer-js’ -%}

{%- if settings.body_bg_color != blank and settings.body_bg_color_enable -%}

html, body, .slick-append{ background: {{ settings.body_bg_color }}; }

{% endif %}

{%- if settings.common_color_enable -%}

:root { --black: {{ settings.common_color_black }}; --white: {{ settings.common_color_white }}; --border-color-1: {{ settings.border_color_1 }}; --section-bg-1: {{ settings.section_bg_color_1 }}; } .slick-arrow-1 .slick-arrow { color: {{ settings.carousel_arrow_color }}!important; }

{%- endif -%}

{% include ‘cjpod’ %}

.header { background: black !important; }

[Dan-From-Ryviu]

Hi @DandSmart

Please add this code to your theme.liquid before tag