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!
User | RANK |
---|---|
180 | |
151 | |
81 | |
71 | |
60 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023