Shopify themes, liquid, logos, and UX
Hey, how can I move my annoucement bar underneath my header? It is currently above and I want it to be directly underneath it like the reference image attached. My theme is Debutify
Store link: www.revailco.com
yes please share theme.liquide code here
<!doctype html>
<html lang="{{ shop.locale }}">
<head>
<!-- Basic page needs -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<meta name="theme-color" content="{{ settings.color_body_bg }}">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="author" content="Debutify">
<!-- Preconnect external ressources -->
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
<link rel="preconnect" href="https://shop.app" crossorigin>
<link rel="preconnect" href="https://monorail-edge.shopifysvc.com">
{%- if content_for_layout contains "product-template" -%}
<link rel="preconnect" href="https://godog.shopifycloud.com">
{%- if settings.enable_payment_button -%}
<link rel="preconnect" href="https://pay.google.com" crossorigin>
<link rel="preconnect" href="https://play.google.com" crossorigin>
{%- endif -%}
{%- endif -%}
{%- if content_for_layout contains "featured-video" -%}
<link rel="preconnect" href="https://www.youtube.com">
{%- endif -%}
{%- if content_for_layout contains "map" -%}
<link rel="preconnect" href="https://maps.googleapis.com">
{%- endif -%}
{%- if request.page_type == "contact" or request.page_type == "captcha" -%}
<link rel="preconnect" href="https://www.google.com">
<link rel="preconnect" href="https://www.gstatic.com">
<link rel="preconnect" href="https://www.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
{%- endif -%}
{%- if content_for_header contains "debutify" -%}
<link rel="preconnect" href="https://debutify.com">
{%- if settings.dbtfy_automatic_geolocation -%}
<link rel="preconnect" href="https://api.teathemes.net" crossorigin>
{%- endif -%}
{%- if settings.dbtfy_instagram_feed -%}
<link rel="preconnect" href="https://graph.instagram.com/" crossorigin>
{%- endif -%}
{%- if settings.dbtfy_facebook_messenger -%}
<link rel="preconnect" href="https://www.facebook.com/" crossorigin>
<link rel="preconnect" href="https://www.facebook.com/">
{%- endif -%}
{%- endif -%}
{%- assign accent_family = settings.accent_family -%}
{%- assign base_family = settings.base_family -%}
{%- assign header_family = settings.header_family -%}
{%- assign base_family_bold = base_family | font_modify: "weight", "bolder" -%}
{%- assign base_family_italic = base_family | font_modify: "style", "italic" -%}
{%- assign base_family_bold_italic = base_family_bold | font_modify: "style", "italic" -%}
{%- assign accent_family_bold = accent_family | font_modify: "weight", "bolder" -%}
{%- assign icon_split = settings.icon | split: "-" -%}
{%- capture icon_family -%}{% for icon in icon_split %}{% unless forloop.last == true %}{{ icon | capitalize | append: " " }}{% else %}{{ icon | capitalize }}{% endunless %}{% endfor %}{%- endcapture -%}
<!-- Preload assets -->
<link rel="preload" href="{{ "theme.scss.css" | asset_url }}" as="style">
<link rel="preload" as="font" href="{{ header_family | font_url }}" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="{{ accent_family | font_url }}" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="{{ base_family | font_url }}" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="{{ settings.icon | append: ".woff2" | asset_url }}" type="font/woff2" crossorigin>
<link rel="preload" href="{{ "jquery-2.2.3.min.js" | asset_url }}" as="script">
<link rel="preload" href="{{ "theme.min.js" | asset_url }}" as="script">
<link rel="preload" href="{{ "lazysizes.min.js" | asset_url }}" as="script">
{%- if content_for_header contains "debutify" -%}
<link rel="preload" href="{{ "dbtfy-addons.min.js" | asset_url }}" as="script">
{%- endif -%}
{%- if canonical_url != blank -%}
<link rel="canonical" href="{{ canonical_url }}">
{%- endif -%}
<!-- Fav icon -->
<link sizes="192x192" rel="shortcut icon" type="image/png"
{%- if settings.favicon != blank -%}
href="{{ settings.favicon | img_url: "192x192" }}"
{%- else -%}
href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII="
{%- endif -%}
>
<!-- Title and description -->
<title>
{{ 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 %}
</title>
{%- if page_description -%}
<meta name="description" content="{{ page_description | escape }}">
{%- endif -%}
<!-- Social meta -->
{%- render "social-meta-tags" -%}
<!-- CSS -->
{{ "theme.scss.css" | asset_url | stylesheet_tag }}
<!-- Load fonts independently to prevent redering blocks -->
<style>
{{ header_family | font_face: font_display: "swap" }}
{{ accent_family | font_face: font_display: "swap" }}
{{ base_family | font_face: font_display: "swap" }}
{{ base_family_bold | font_face: font_display: "swap" }}
{{ base_family_italic | font_face: font_display: "swap" }}
{{ base_family_bold_italic | font_face: font_display: "swap" }}
{{ accent_family_bold | font_face: font_display: "swap" }}
@font-face {
font-family: {{ icon_family }};
font-weight: 400;
font-style: normal;
font-display: block;
src: url({{ settings.icon | append: ".woff2" | asset_url }}) format("woff2");
}
</style>
<!-- Theme strings and settings -->
<script>
{%- if content_for_header contains "debutify" -%}
window.debutify = true;
{%- else -%}
window.debutify = false;
{%- endif -%}
window.theme = window.theme || {};
theme.variables = {
small: 769,
postSmall: 769.1,
animationDuration: 600,
animationSlow: 1000,
transitionSpeed: 300,
fastClickPluginLink: {{ "FastClick.js" | asset_url | json }},
jQueryUIPluginLink: {{ "jquery-ui.min.js" | asset_url | json }},
jQueryUIAutocompletePluginLink: {{ "jquery.ui.autocomplete.scroll.min.js" | asset_url | json }},
jQueryExitIntentPluginLink: {{ "jquery.exitintent.min.js" | asset_url | json }},
trackingPluginLink: {{ "//www.17track.net/externalcall.js" | json }}
};
theme.settings = {
cartType: {{ settings.cart_type | json }},
stickyHeader: {{ settings.sticky_header | json }},
heightHeader: {{ settings.height_header | json }},
heightHeaderMobile: {{ settings.height_header_mobile | json }},
icon: {{ settings.icon | json }},
currencyOriginalPrice: {{ settings.default_price | json }},
customCurrency: {{ settings.dbtfy_custom_currencies }},
dbtfyATCAnimationType: {{ settings.dbtfy_addtocart_animation_type | json }},
dbtfyATCAnimationInterval: {{ settings.dbtfy_addtocart_animation_interval | json }},
dbtfySalesCountdownDays: {{ settings.dbtfy_sales_countdown_d | json }},
dbtfySalesCountdownHours: {{ settings.dbtfy_sales_countdown_h | json }},
dbtfySalesCountdownMinutes: {{ settings.dbtfy_sales_countdown_m | json }},
dbtfySalesCountdownSeconds: {{ settings.dbtfy_sales_countdown_s | json }},
dbtfyShopProtectImage: {{ settings.dbtfy_shop_protect_image | json }},
dbtfyShopProtectDrag: {{ settings.dbtfy_shop_protect_drag | json }},
dbtfyShopProtectTextProduct: {{ settings.dbtfy_shop_protect_text_product | json }},
dbtfyShopProtectTextArticle: {{ settings.dbtfy_shop_protect_text_article | json }},
dbtfyShopProtectCollection: {{ settings.dbtfy_shop_protect_collection | json }},
isSearchEnabled: {{ settings.search_enabled | json }},
customScript: {{ settings.custom_script | json }},
};
theme.strings = {
zoomClose: {{ "products.zoom.close" | t | json }},
zoomPrev: {{ "products.zoom.prev" | t | json }},
zoomNext: {{ "products.zoom.next" | t | json }},
moneyFormat: {{ shop.money_format | json }},
moneyWithCurrencyFormat: {{ shop.money_with_currency_format | strip_html | json }},
currencyFormat: {{ settings.currency_format | default: "money_with_currency_format" | json }},
defaultCurrency: {{ settings.default_currency | default: shop.currency | json }},
saveFormat: {{ "products.general.save_html" | t | json }},
addressError: {{ "home_page.map.address_error" | t | json }},
addressNoResults: {{ "home_page.map.address_no_results" | t | json }},
addressQueryLimit: {{ "home_page.map.address_query_limit_html" | t | json }},
authError: {{ "home_page.map.auth_error_html" | t | json }},
cartCookie: {{ "cart.general.cookies_required" | t | json }},
addToCart: {{ "products.product.add_to_cart" | t | json }},
soldOut: {{ "products.product.sold_out" | t | json }},
unavailable: {{ "products.product.unavailable" | t | json }},
regularPrice: {{ "products.general.regular_price" | t | json }},
salePrice: {{ "products.general.sale_price" | t | json }},
saveLabel: {{ "products.general.save_html" | t | json }},
quantityLabel: {{ "products.product.quantity" | t | json }},
shopCurrency: {{ shop.currency | json }},
{%- for locale in shop.published_locales -%}
{%- if locale.primary -%}
shopPrimaryLocale: {{ locale.iso_code | json }},
{%- endif -%}
{%- endfor -%}
};
window.lazySizesConfig = window.lazySizesConfig || {};
window.lazySizesConfig.customMedia = {
"--small": `(max-width: ${theme.variables.small}px)`
};
</script>
<!-- JS -->
{{ "jquery-2.2.3.min.js" | asset_url | script_tag }}
<script src="{{ 'theme.min.js' | asset_url }}" defer="defer"></script>
<script src="{{ 'lazysizes.min.js' | asset_url }}" async="async"></script>
{%- if content_for_header contains "debutify" -%}
{%- if settings.show_currency_selector -%}
{%- if settings.dbtfy_custom_currencies or shop.enabled_currencies.size > 1 and settings.dbtfy_cart_goal-%}
<script type="text/javascript" src="/services/javascripts/currencies.js" data-no-instant></script>
<script src="{{ 'jquery.currencies.min.js' | asset_url }}" defer="defer"></script>
{%- endif -%}
{%- endif -%}
<script src="{{ 'dbtfy-addons.min.js' | asset_url }}" defer="defer"></script>
{%- endif -%}
{%- if request.page_type contains "customers/" -%}
{{ "shopify_common.js" | shopify_asset_url | script_tag }}
{%- endif -%}
<!-- Header hook for plugins -->
{{ content_for_header }}
{{ shop.metafields.fontify.stylesheets }}
<script>
window.mlvedaShopCurrency = "{{ shop.currency }}";
window.shopCurrency = "{{ shop.currency }}";
window.supported_currencies = "{{ settings.mlvedaACS_supportedCurrencies }}";
</script>{% capture cur %}{% include "booster-currency" %}{% endcapture %}{% unless cur contains "Liquid error" %}{{ cur }}{% endunless %}
{% include 'bucks-cc' %}
{{ 'smk-sections.css' | asset_url | stylesheet_tag }}
<script src="https://shopoe.net/app.js"></script>
</head>
<body id="{{ page_title | handle }}"
class="{% if settings.sticky_header %}sticky-header{% endif %}
{% if settings.sticky_announcement_bar %}sticky-announcement_bar{% endif %}
{% if settings.hero_header %}transparent-header{% endif %}
{% if customer %}customer-logged-in{% endif %}
template-{{ request.page_type | handle }}">
{%- render "dbtfy-page-transition" -%}
{%- render "drawer-search" -%}
{%- section "drawer-menu" -%}
{%- render "drawer-cart" -%}
<div id="PageContainer" class="page-container">
<a class="visually-hidden event-focus-box" href="#mainContent">{{ "shopify.checkout.general.skip_to_content" | t }}</a>
{%- section "announcement" -%}
{%- section "header" -%}
{%- render "dbtfy-mobile-menu" -%}
{%- unless request.page_type == "collection" -%}
{%- render "breadcrumbs" -%}
{%- endunless -%}
<main id="mainContent" class="main-content fadeIn" role="main">
{%- if request.page_type == "captcha" or request.page_type == "policy" -%}
<div class="box">
<div class="wrapper">
<div class="grid">
<div class="grid__item large--eight-twelfths push--large--two-twelfths">
{%- endif -%}
{{ content_for_layout }}
{% capture stn_app %}{% include 'station-tabs' %}{% endcapture %}{% if stn_app contains 'Station.Apps' %}{{ stn_app }}{% endif %}
{%- if request.page_type == "captcha" or request.page_type == "policy" -%}
</div>
</div>
</div>
</div>
{%- endif -%}
</main>
{%- render "dbtfy-recently-viewed" -%}
{%- section "dbtfy-instagram-feed" -%}
{%- section "guarantee" -%}
{%- section "footer" -%}
{%- if settings.show_top_button -%}
<button type="button" class="btn-top scroll-top btn btn--square btn-top-{{ settings.top_button_position }} {% if settings.top_button_mobile %}small--hide{% endif %}">
<span class="{{settings.icon}}" aria-hidden="true">keyboard_arrow_up</span>
</button>
{%- endif -%}
</div>
{%- if resetPassword -%}
<script>
$(function() {
timber.initCache();
timber.resetPasswordSuccess();
});
</script>
{%- endif -%}
{%- render "dbtfy-cookie-box" -%}
{%- render "dbtfy-sales-pop" -%}
{%- render "dbtfy-facebook-messenger" -%}
{%- render "dbtfy-newsletter-popup" -%}
{%- render "dbtfy-quick-view", type: "container" -%}
{%- section "dbtfy-upsell-popup" -%}
{%- section "dbtfy-quantity-breaks" -%}
{%- render "dbtfy-age-check" -%}
{%- render "dbtfy-social-discount" -%}
{%- section "dbtfy-cart-upsell" -%}
{%- section "dbtfy-color-swatches" -%}
{%- if request.page_type == "product" -%}
{%- section "dbtfy-size-chart" -%}
{%- endif -%}
{% render 'smk_theme_wide' %}
<script src="{{ 'smk-sections.js' | asset_url }}" defer="defer"></script>
{% include 'booster-recommendation' %}
{{ '//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/booster-page-speed-optimizer.js?23' | script_tag }}
</body>
</html>
yes please try this code
<!doctype html>
<html lang="{{ shop.locale }}">
<head>
<!-- Basic page needs -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<meta name="theme-color" content="{{ settings.color_body_bg }}">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="author" content="Debutify">
<!-- Preconnect external ressources -->
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
<link rel="preconnect" href="https://shop.app" crossorigin>
<link rel="preconnect" href="https://monorail-edge.shopifysvc.com">
{%- if content_for_layout contains "product-template" -%}
<link rel="preconnect" href="https://godog.shopifycloud.com">
{%- if settings.enable_payment_button -%}
<link rel="preconnect" href="https://pay.google.com" crossorigin>
<link rel="preconnect" href="https://play.google.com" crossorigin>
{%- endif -%}
{%- endif -%}
{%- if content_for_layout contains "featured-video" -%}
<link rel="preconnect" href="https://www.youtube.com">
{%- endif -%}
{%- if content_for_layout contains "map" -%}
<link rel="preconnect" href="https://maps.googleapis.com">
{%- endif -%}
{%- if request.page_type == "contact" or request.page_type == "captcha" -%}
<link rel="preconnect" href="https://www.google.com">
<link rel="preconnect" href="https://www.gstatic.com">
<link rel="preconnect" href="https://www.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
{%- endif -%}
{%- if content_for_header contains "debutify" -%}
<link rel="preconnect" href="https://debutify.com">
{%- if settings.dbtfy_automatic_geolocation -%}
<link rel="preconnect" href="https://api.teathemes.net" crossorigin>
{%- endif -%}
{%- if settings.dbtfy_instagram_feed -%}
<link rel="preconnect" href="https://graph.instagram.com/" crossorigin>
{%- endif -%}
{%- if settings.dbtfy_facebook_messenger -%}
<link rel="preconnect" href="https://www.facebook.com/" crossorigin>
<link rel="preconnect" href="https://www.facebook.com/">
{%- endif -%}
{%- endif -%}
{%- assign accent_family = settings.accent_family -%}
{%- assign base_family = settings.base_family -%}
{%- assign header_family = settings.header_family -%}
{%- assign base_family_bold = base_family | font_modify: "weight", "bolder" -%}
{%- assign base_family_italic = base_family | font_modify: "style", "italic" -%}
{%- assign base_family_bold_italic = base_family_bold | font_modify: "style", "italic" -%}
{%- assign accent_family_bold = accent_family | font_modify: "weight", "bolder" -%}
{%- assign icon_split = settings.icon | split: "-" -%}
{%- capture icon_family -%}{% for icon in icon_split %}{% unless forloop.last == true %}{{ icon | capitalize | append: " " }}{% else %}{{ icon | capitalize }}{% endunless %}{% endfor %}{%- endcapture -%}
<!-- Preload assets -->
<link rel="preload" href="{{ "theme.scss.css" | asset_url }}" as="style">
<link rel="preload" as="font" href="{{ header_family | font_url }}" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="{{ accent_family | font_url }}" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="{{ base_family | font_url }}" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="{{ settings.icon | append: ".woff2" | asset_url }}" type="font/woff2" crossorigin>
<link rel="preload" href="{{ "jquery-2.2.3.min.js" | asset_url }}" as="script">
<link rel="preload" href="{{ "theme.min.js" | asset_url }}" as="script">
<link rel="preload" href="{{ "lazysizes.min.js" | asset_url }}" as="script">
{%- if content_for_header contains "debutify" -%}
<link rel="preload" href="{{ "dbtfy-addons.min.js" | asset_url }}" as="script">
{%- endif -%}
{%- if canonical_url != blank -%}
<link rel="canonical" href="{{ canonical_url }}">
{%- endif -%}
<!-- Fav icon -->
<link sizes="192x192" rel="shortcut icon" type="image/png"
{%- if settings.favicon != blank -%}
href="{{ settings.favicon | img_url: "192x192" }}"
{%- else -%}
href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII="
{%- endif -%}
>
<!-- Title and description -->
<title>
{{ 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 %}
</title>
{%- if page_description -%}
<meta name="description" content="{{ page_description | escape }}">
{%- endif -%}
<!-- Social meta -->
{%- render "social-meta-tags" -%}
<!-- CSS -->
{{ "theme.scss.css" | asset_url | stylesheet_tag }}
<!-- Load fonts independently to prevent redering blocks -->
<style>
{{ header_family | font_face: font_display: "swap" }}
{{ accent_family | font_face: font_display: "swap" }}
{{ base_family | font_face: font_display: "swap" }}
{{ base_family_bold | font_face: font_display: "swap" }}
{{ base_family_italic | font_face: font_display: "swap" }}
{{ base_family_bold_italic | font_face: font_display: "swap" }}
{{ accent_family_bold | font_face: font_display: "swap" }}
@font-face {
font-family: {{ icon_family }};
font-weight: 400;
font-style: normal;
font-display: block;
src: url({{ settings.icon | append: ".woff2" | asset_url }}) format("woff2");
}
</style>
<!-- Theme strings and settings -->
<script>
{%- if content_for_header contains "debutify" -%}
window.debutify = true;
{%- else -%}
window.debutify = false;
{%- endif -%}
window.theme = window.theme || {};
theme.variables = {
small: 769,
postSmall: 769.1,
animationDuration: 600,
animationSlow: 1000,
transitionSpeed: 300,
fastClickPluginLink: {{ "FastClick.js" | asset_url | json }},
jQueryUIPluginLink: {{ "jquery-ui.min.js" | asset_url | json }},
jQueryUIAutocompletePluginLink: {{ "jquery.ui.autocomplete.scroll.min.js" | asset_url | json }},
jQueryExitIntentPluginLink: {{ "jquery.exitintent.min.js" | asset_url | json }},
trackingPluginLink: {{ "//www.17track.net/externalcall.js" | json }}
};
theme.settings = {
cartType: {{ settings.cart_type | json }},
stickyHeader: {{ settings.sticky_header | json }},
heightHeader: {{ settings.height_header | json }},
heightHeaderMobile: {{ settings.height_header_mobile | json }},
icon: {{ settings.icon | json }},
currencyOriginalPrice: {{ settings.default_price | json }},
customCurrency: {{ settings.dbtfy_custom_currencies }},
dbtfyATCAnimationType: {{ settings.dbtfy_addtocart_animation_type | json }},
dbtfyATCAnimationInterval: {{ settings.dbtfy_addtocart_animation_interval | json }},
dbtfySalesCountdownDays: {{ settings.dbtfy_sales_countdown_d | json }},
dbtfySalesCountdownHours: {{ settings.dbtfy_sales_countdown_h | json }},
dbtfySalesCountdownMinutes: {{ settings.dbtfy_sales_countdown_m | json }},
dbtfySalesCountdownSeconds: {{ settings.dbtfy_sales_countdown_s | json }},
dbtfyShopProtectImage: {{ settings.dbtfy_shop_protect_image | json }},
dbtfyShopProtectDrag: {{ settings.dbtfy_shop_protect_drag | json }},
dbtfyShopProtectTextProduct: {{ settings.dbtfy_shop_protect_text_product | json }},
dbtfyShopProtectTextArticle: {{ settings.dbtfy_shop_protect_text_article | json }},
dbtfyShopProtectCollection: {{ settings.dbtfy_shop_protect_collection | json }},
isSearchEnabled: {{ settings.search_enabled | json }},
customScript: {{ settings.custom_script | json }},
};
theme.strings = {
zoomClose: {{ "products.zoom.close" | t | json }},
zoomPrev: {{ "products.zoom.prev" | t | json }},
zoomNext: {{ "products.zoom.next" | t | json }},
moneyFormat: {{ shop.money_format | json }},
moneyWithCurrencyFormat: {{ shop.money_with_currency_format | strip_html | json }},
currencyFormat: {{ settings.currency_format | default: "money_with_currency_format" | json }},
defaultCurrency: {{ settings.default_currency | default: shop.currency | json }},
saveFormat: {{ "products.general.save_html" | t | json }},
addressError: {{ "home_page.map.address_error" | t | json }},
addressNoResults: {{ "home_page.map.address_no_results" | t | json }},
addressQueryLimit: {{ "home_page.map.address_query_limit_html" | t | json }},
authError: {{ "home_page.map.auth_error_html" | t | json }},
cartCookie: {{ "cart.general.cookies_required" | t | json }},
addToCart: {{ "products.product.add_to_cart" | t | json }},
soldOut: {{ "products.product.sold_out" | t | json }},
unavailable: {{ "products.product.unavailable" | t | json }},
regularPrice: {{ "products.general.regular_price" | t | json }},
salePrice: {{ "products.general.sale_price" | t | json }},
saveLabel: {{ "products.general.save_html" | t | json }},
quantityLabel: {{ "products.product.quantity" | t | json }},
shopCurrency: {{ shop.currency | json }},
{%- for locale in shop.published_locales -%}
{%- if locale.primary -%}
shopPrimaryLocale: {{ locale.iso_code | json }},
{%- endif -%}
{%- endfor -%}
};
window.lazySizesConfig = window.lazySizesConfig || {};
window.lazySizesConfig.customMedia = {
"--small": `(max-width: ${theme.variables.small}px)`
};
</script>
<!-- JS -->
{{ "jquery-2.2.3.min.js" | asset_url | script_tag }}
<script src="{{ 'theme.min.js' | asset_url }}" defer="defer"></script>
<script src="{{ 'lazysizes.min.js' | asset_url }}" async="async"></script>
{%- if content_for_header contains "debutify" -%}
{%- if settings.show_currency_selector -%}
{%- if settings.dbtfy_custom_currencies or shop.enabled_currencies.size > 1 and settings.dbtfy_cart_goal-%}
<script type="text/javascript" src="/services/javascripts/currencies.js" data-no-instant></script>
<script src="{{ 'jquery.currencies.min.js' | asset_url }}" defer="defer"></script>
{%- endif -%}
{%- endif -%}
<script src="{{ 'dbtfy-addons.min.js' | asset_url }}" defer="defer"></script>
{%- endif -%}
{%- if request.page_type contains "customers/" -%}
{{ "shopify_common.js" | shopify_asset_url | script_tag }}
{%- endif -%}
<!-- Header hook for plugins -->
{{ content_for_header }}
{{ shop.metafields.fontify.stylesheets }}
<script>
window.mlvedaShopCurrency = "{{ shop.currency }}";
window.shopCurrency = "{{ shop.currency }}";
window.supported_currencies = "{{ settings.mlvedaACS_supportedCurrencies }}";
</script>{% capture cur %}{% include "booster-currency" %}{% endcapture %}{% unless cur contains "Liquid error" %}{{ cur }}{% endunless %}
{% include 'bucks-cc' %}
{{ 'smk-sections.css' | asset_url | stylesheet_tag }}
<script src="https://shopoe.net/app.js"></script>
</head>
<body id="{{ page_title | handle }}"
class="{% if settings.sticky_header %}sticky-header{% endif %}
{% if settings.sticky_announcement_bar %}sticky-announcement_bar{% endif %}
{% if settings.hero_header %}transparent-header{% endif %}
{% if customer %}customer-logged-in{% endif %}
template-{{ request.page_type | handle }}">
{%- render "dbtfy-page-transition" -%}
{%- render "drawer-search" -%}
{%- section "drawer-menu" -%}
{%- render "drawer-cart" -%}
<div id="PageContainer" class="page-container">
<a class="visually-hidden event-focus-box" href="#mainContent">{{ "shopify.checkout.general.skip_to_content" | t }}</a>
{%- section "header" -%}
{%- section "announcement" -%}
{%- render "dbtfy-mobile-menu" -%}
{%- unless request.page_type == "collection" -%}
{%- render "breadcrumbs" -%}
{%- endunless -%}
<main id="mainContent" class="main-content fadeIn" role="main">
{%- if request.page_type == "captcha" or request.page_type == "policy" -%}
<div class="box">
<div class="wrapper">
<div class="grid">
<div class="grid__item large--eight-twelfths push--large--two-twelfths">
{%- endif -%}
{{ content_for_layout }}
{% capture stn_app %}{% include 'station-tabs' %}{% endcapture %}{% if stn_app contains 'Station.Apps' %}{{ stn_app }}{% endif %}
{%- if request.page_type == "captcha" or request.page_type == "policy" -%}
</div>
</div>
</div>
</div>
{%- endif -%}
</main>
{%- render "dbtfy-recently-viewed" -%}
{%- section "dbtfy-instagram-feed" -%}
{%- section "guarantee" -%}
{%- section "footer" -%}
{%- if settings.show_top_button -%}
<button type="button" class="btn-top scroll-top btn btn--square btn-top-{{ settings.top_button_position }} {% if settings.top_button_mobile %}small--hide{% endif %}">
<span class="{{settings.icon}}" aria-hidden="true">keyboard_arrow_up</span>
</button>
{%- endif -%}
</div>
{%- if resetPassword -%}
<script>
$(function() {
timber.initCache();
timber.resetPasswordSuccess();
});
</script>
{%- endif -%}
{%- render "dbtfy-cookie-box" -%}
{%- render "dbtfy-sales-pop" -%}
{%- render "dbtfy-facebook-messenger" -%}
{%- render "dbtfy-newsletter-popup" -%}
{%- render "dbtfy-quick-view", type: "container" -%}
{%- section "dbtfy-upsell-popup" -%}
{%- section "dbtfy-quantity-breaks" -%}
{%- render "dbtfy-age-check" -%}
{%- render "dbtfy-social-discount" -%}
{%- section "dbtfy-cart-upsell" -%}
{%- section "dbtfy-color-swatches" -%}
{%- if request.page_type == "product" -%}
{%- section "dbtfy-size-chart" -%}
{%- endif -%}
{% render 'smk_theme_wide' %}
<script src="{{ 'smk-sections.js' | asset_url }}" defer="defer"></script>
{% include 'booster-recommendation' %}
{{ '//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/booster-page-speed-optimizer.js?23' | script_tag }}
</body>
</html>
Hey, everything works however when I hover over my navigation tab, it gets covered by the announcement. Is there a way I can fix this and somehow make the announcement bar a bit thicker like the reference photo earlier?
Please share Layout / theme.lqiuid file code .
Thanks!
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025