i want a banner on top of my header but i dont get where to put it in the code... (im new to coding)

[Mein-Grinder]

Hello all,

i need help in implementing a banner on top of my header…

can someone help? im new to coding and it doesnt work…

where do i have to put it in my shop?

can someone help , please?

shop link: mein-grinder.com →

fd305a-75.myshopify.com

my code liquid:

{%- unless settings.heading_font.system? -%}

{%- endunless -%}

{%- unless settings.text_font.system? -%}

{%- endunless -%}

{%- unless settings.accent_font.system? -%}

{%- endunless -%}

{%- liquid
assign favicon_url = settings.favicon | image_url: width: 96, crop: ‘center’
assign apple_favicon_url = settings.favicon | image_url: width: 180, crop: ‘center’

if settings.favicon == blank
assign favicon_url = ‘data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=’
assign apple_favicon_url = ‘data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=’
endif
-%}

{{ page_title }}{% if current_tags %}{%- assign meta_tags = current_tags | join: ", " -%} – {{ 'general.meta.tags' | t: tags: meta_tags }}{% endif %}{% if current_page != 1 %} – {{ 'general.meta.page' | t: page: current_page }}{% endif %}{% unless page_title contains shop.name %} – {{ shop.name }}{% endunless %}

{%- if page_description -%}

{%- endif -%}

{%- render ‘social-meta-tags’ -%}

{%- render ‘microdata-schema’ -%}

{%- render ‘css-variables’ -%}
{%- render ‘js-variables’ -%}

{{- ‘theme.css’ | asset_url | stylesheet_tag: preload: true -}}

{%- if request.page_type contains ‘customers/’ -%}

{%- endif -%}

{{ content_for_header }}

{%- if request.page_type != 'password' -%} {%- sections 'general-group' -%} {%- sections 'addons-group' -%} {%- sections 'header-group' -%} {%- endif -%}

{%- liquid
if settings.cart_type == ‘drawer’
render ‘drawer-cart’
elsif settings.cart_type == ‘modal’
render ‘modal-cart’
endif

render ‘theme-addons’
-%}

{{ content_for_layout }}

{%- if request.page_type != ‘password’ -%}

{%- sections 'footer-group' -%}

{%- endif -%}

{%- render ‘integrations-gtm’ -%}

{%- render ‘integrations-klaviyo’ -%}

{%- render ‘custom-code’ -%}

.header.header--center { position: fixed !important; top: 0 !important; width: 100% !important; z-index: 1000 !important; transition: background-color 0.3s, color 0.3s; /* Übergangseffekt */ }

.header.header–center.scrolled {
background-color: white !important; /* Weißer Hintergrund bei Scroll /
color: black !important; / Schwarzer Text bei Scroll */
}

.header.header–center a {
transition: color 0.3s; /* Übergangseffekt für Links */
}

.header.header–center.scrolled a {
color: black !important; /* Schwarzer Linktext bei Scroll */
}

Theme: Debutify 6.2.1