Hello @Vikas_Chovatiya,
Thank you so much for your answer.
I tried to add this code at the bottom of file but doesn't seem to work - not sure if I did it properly?
Thank you!
<!doctype html>
<!--[if IE 8]><html class="no-js ie9 lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!--><html class="not-ie no-js"><!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
{%- if settings.favicon != blank -%}
<link rel="shortcut icon" href="{{ settings.favicon | img_url: '32x32'}}" type="image/png" />
{%- endif -%}
{% comment %} Title and description {% endcomment %}
<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 -%}
{% comment %} Helpers {% endcomment %}
<link rel="canonical" href="{{ canonical_url }}">
<meta name="viewport" content="width=device-width,initial-scale=1">
{{ content_for_header }}
{% comment %} CSS {% endcomment %}
{{- 'theme.scss.css' | asset_url | stylesheet_tag -}}
</head>
{%- capture body_class -%}
template-{{ template | replace: '.', ' ' | truncatewords: 1, '' | handle }} no-outline
{% if customer %} customer-logged-in{% endif %}
{% if settings.show_spacer_lines %} body--show-spacer-lines{% else %} body--hide-spacer-lines{% endif %}
{% if settings.quick_button == 'buy' %} quick-buy-enabled{% elsif settings.quick_button == 'view' %} quick-view-enabled{% endif %}
{% unless settings.show_buttons_animation %} no-button-animation{% endunless %}
{%- endcapture -%}
<body id="{{ page_title | handle }}" class="{{ body_class | strip_newlines | strip }}">
<div class="block-body"></div>
<a class="in-page-link skip-link" href="#MainContent">{{ 'general.accessibility.skip_to_content' | t }}</a>
{%- section 'popup' -%}
{%- section 'announcement-bar' -%}
{%- section 'header' -%}
<div id="PageContainer" class="is-moved-by-drawer">
<main id="MainContent" class="main-content" role="main">
{{ content_for_layout }}
</main>
{%- section 'footer' -%}
</div>
{%- render 'scripts' -%}
.site-header__logo {
position: absolute;
right: 0;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
top: 50%;
}
.site-header__logo-link {
display: inline-block;
width: 100%;
padding: 0;
}
button.js-drawer-open-left {
position: absolute;
left: 0;
}
</body>
</html>
.site-header__logo {
position: absolute;
right: 0;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
top: 50%;
}
.site-header__logo-link {
display: inline-block;
width: 100%;
padding: 0;
}
button.js-drawer-open-left {
position: absolute;
left: 0;
}
