Adding Phone Number to Venture Theme Next to Cart and Search Bar

BaseCampWA
Excursionist
42 0 6

Hi, 
We are looking to add our phone number to the website's home page next to our cart and search bar. I have attached the image below of what we are looking for from our site. 
We are on the venture theme and am looking to see if we can both get a phone number and for it to be clickable as well. Based out of Australia if that mans anything regarding the clicking of the phone number.
As always thanks for any help and or assistance.

Screenshot 2021-09-09 154340.png

https://www.basecampaustralia.com.au/

Replies 12 (12)

dmwwebartisan
Shopify Partner
12280 2546 3694

@BaseCampWA 

Please share your Sections/header.liquid file code .

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
BaseCampWA
Excursionist
42 0 6

Hi, 

It shows all of this below, hopefully this helps

 

<style>
.site-header__logo img {
max-width: {{ section.settings.logo_max_width | default: '450' | remove: 'px' | append: 'px' | escape }};
}
</style>

<div id="NavDrawer" class="drawer drawer--left">
<div class="drawer__inner">
<form action="{{ routes.search_url }}" method="get" class="drawer__search" role="search">
<input type="search" name="q" placeholder="{{ 'general.search.placeholder' | t }}" aria-label="{{ 'general.search.placeholder' | t }}" class="drawer__search-input">

<button type="submit" class="text-link drawer__search-submit">
{% include 'icon-search' %}
<span class="icon__fallback-text">{{ 'general.search.submit' | t }}</span>
</button>
</form>
<ul class="drawer__nav">
{% for link in linklists[section.settings.main_linklist].links %}
{% assign child_list_handle = link.title | handleize %}

{% if link.links != blank %}
<li class="drawer__nav-item">
<div class="drawer__nav-has-sublist">
<a href="{{ link.url }}"
class="drawer__nav-link drawer__nav-link--top-level drawer__nav-link--split"
id="DrawerLabel-{{ child_list_handle }}"
{% if link.active %} aria-current="page"{% endif %}
>
{{ link.title }}
</a>
<button type="button" aria-controls="DrawerLinklist-{{ child_list_handle }}" class="text-link drawer__nav-toggle-btn drawer__meganav-toggle" aria-label="{{ link.title }} {{ 'general.drawers.menu' | t }}" aria-expanded="false">
<span class="drawer__nav-toggle--open">
{% include 'icon-plus' %}
</span>
<span class="drawer__nav-toggle--close">
{% include 'icon-minus' %}
</span>
</button>
</div>

<div class="meganav meganav--drawer" id="DrawerLinklist-{{ child_list_handle }}" aria-labelledby="DrawerLabel-{{ child_list_handle }}" role="navigation">
<ul class="meganav__nav">
{% include 'drawer-nav' %}
</ul>
</div>
</li>
{% else %}
<li class="drawer__nav-item">
<a href="{{ link.url }}"
class="drawer__nav-link drawer__nav-link--top-level"
{% if link.active %} aria-current="page"{% endif %}
>
{{ link.title }}
</a>
</li>
{% endif %}
{% endfor %}

{% if shop.customer_accounts_enabled %}
{% if customer %}
<li class="drawer__nav-item">
<a href="{{ routes.account_url }}" class="drawer__nav-link drawer__nav-link--top-level">
{{ 'layout.customer.account' | t }}
</a>
</li>
<li class="drawer__nav-item">
<a href="{{ routes.account_logout_url }}" class="drawer__nav-link drawer__nav-link--top-level">
{{ 'layout.customer.log_out' | t }}
</a>
</li>
{% else %}
<li class="drawer__nav-item">
<a href="{{ routes.account_login_url }}" class="drawer__nav-link drawer__nav-link--top-level">
{{ 'layout.customer.account' | t }}
</a>
</li>
{% endif %}
{% endif %}
</ul>
</div>
</div>

<header class="site-header page-element is-moved-by-drawer" role="banner" data-section-id="{{ section.id }}" data-section-type="header">
<div class="site-header__upper page-width">
<div class="grid grid--table">
<div class="grid__item small--one-quarter medium-up--hide">
<button type="button" class="text-link site-header__link js-drawer-open-left">
<span class="site-header__menu-toggle--open">
{% include 'icon-hamburger' %}
</span>
<span class="site-header__menu-toggle--close">
{% include 'icon-close' %}
</span>
<span class="icon__fallback-text">{{ 'general.drawers.navigation' | t }}</span>
</button>
</div>
<div class="grid__item small--one-half medium-up--two-thirds small--text-center">
{% if request.page_type == 'index' %}
<h1 class="site-header__logo" itemscope itemtype="http://schema.org/Organization">
{% else %}
<div class="site-header__logo h1" itemscope itemtype="http://schema.org/Organization">
{% endif %}
{% if section.settings.logo != blank %}
{% capture image_size %}{{ section.settings.logo_max_width }}x{% endcapture %}
<a href="{{ routes.root_url }}" itemprop="url" class="site-header__logo-link">
<img src="{{ section.settings.logo | img_url: image_size }}"
srcset="{{ section.settings.logo | img_url: image_size }} 1x, {{ section.settings.logo | img_url: image_size, scale: 2 }} 2x"
alt="{{ section.settings.logo.alt | default: shop.name }}"
itemprop="logo">
</a>
{% else %}
{% assign shop_name_length = shop.name.size %}
<a href="{{ routes.root_url }}" itemprop="url" {% if shop_name_length > 10 %} class="site-header__shop-name--small"{% endif %}>{{ shop.name }}</a>
{% endif %}
{% if request.page_type == 'index' %}
</h1>
{% else %}
</div>
{% endif %}
</div>

<div class="grid__item small--one-quarter medium-up--one-third text-right">
<div id="SiteNavSearchCart" class="site-header__search-cart-wrapper">
<form action="{{ routes.search_url }}" method="get" class="site-header__search small--hide" role="search">
{% comment %}<input type="hidden" name="type" value="product">{% endcomment %}
<label for="SiteNavSearch" class="visually-hidden">{{ 'general.search.placeholder' | t }}</label>
<input type="search" name="q" id="SiteNavSearch" placeholder="{{ 'general.search.placeholder' | t }}" aria-label="{{ 'general.search.placeholder' | t }}" class="site-header__search-input">

<button type="submit" class="text-link site-header__link site-header__search-submit">
{% include 'icon-search' %}
<span class="icon__fallback-text">{{ 'general.search.submit' | t }}</span>
</button>
</form>

<a href="{{ routes.cart_url }}" class="site-header__link site-header__cart">
{% include 'icon-cart' %}
<span class="icon__fallback-text">{{ 'layout.cart.title' | t }}</span>
<span class="site-header__cart-indicator {% if cart.item_count == 0 %}hide{% endif %}"></span>
</a>
</div>
</div>
</div>
</div>

<div id="StickNavWrapper">
<div id="StickyBar" class="sticky">
<nav class="nav-bar small--hide" role="navigation" id="StickyNav">
<div class="page-width">
<div class="grid grid--table">
<div class="grid__item {% if shop.customer_accounts_enabled %}four-fifths{% else%}seven-eighths{% endif %}" id="SiteNavParent">
<button type="button" class="hide text-link site-nav__link site-nav__link--compressed js-drawer-open-left" id="SiteNavCompressed">
{% include 'icon-hamburger' %}
<span class="site-nav__link-menu-label">{{ 'general.drawers.menu' | t }}</span>
<span class="icon__fallback-text">{{ 'general.drawers.navigation' | t }}</span>
</button>
<ul class="site-nav list--inline" id="SiteNav">
{% for link in linklists[section.settings.main_linklist].links %}
{% assign child_list_handle = link.title | handleize %}

{% comment %}
Use full width layout if there are 7+ links or parent has products
{% endcomment %}
{% assign meganav_use_columns = false %}
{% assign nav_parent_product_count = link.object.products_count %}
{% unless nav_parent_product_count == blank or nav_parent_product_count == 0 %}
{% assign meganav_use_columns = true %}
{% endunless %}

{% if link.links.size > 7 %}
{% assign meganav_use_columns = true %}
{% endif %}

{% assign is_collection_with_products = false %}
{% if link.type == 'collection_link' and link.object.products_count > 0 %}
{% assign is_collection_with_products = true %}
{% endif %}

{% if link.links != blank %}
<li class="site-nav__item{% if link.active %} site-nav--active{% endif %}{% unless meganav_use_columns %} site-nav__item--no-columns{% endunless %}" aria-haspopup="true">
<a href="{{ link.url }}" class="site-nav__link site-nav__link-toggle" id="SiteNavLabel-{{ child_list_handle }}" aria-controls="SiteNavLinklist-{{ child_list_handle }}" aria-expanded="false"{% if link.active %} aria-current="page"{% endif %}>
{{ link.title }}
{% include 'icon-arrow-down' %}
</a>

<div class="site-nav__dropdown meganav site-nav__dropdown--second-level" id="SiteNavLinklist-{{ child_list_handle }}" aria-labelledby="SiteNavLabel-{{ child_list_handle }}" role="navigation">
<ul class="meganav__nav{% if is_collection_with_products %} meganav__nav--collection{% endif %} page-width">
{% include 'site-nav' %}
</ul>
</div>
</li>
{% else %}
<li class="site-nav__item{% if link.active %} site-nav--active{% endif %}">
<a href="{{ link.url }}" class="site-nav__link"{% if link.active %} aria-current="page"{% endif %}>
{{ link.title }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
<div class="grid__item {% if shop.customer_accounts_enabled %}one-fifth{% else%}one-eighth{% endif %} text-right">
<div class="sticky-only" id="StickyNavSearchCart"></div>
{% if shop.customer_accounts_enabled %}
<div class="customer-login-links sticky-hidden">
{% if customer %}
<a href="{{ routes.account_url }}">
{{ 'layout.customer.account' | t }}
</a>
{{ 'layout.customer.log_out' | t | customer_logout_link }}
{% else %}
{{ 'layout.customer.account' | t | customer_login_link }}
{% endif %}
</div>
{% endif %}
</div>
</div>
</div>
</nav>
<div id="NotificationSuccess" class="notification notification--success" aria-hidden="true">
<div class="page-width notification__inner notification__inner--has-link">
<a href="{{ routes.cart_url }}" class="notification__link">
<span class="notification__message">{{ 'products.product.product_added_to_cart_html' | t }}</span>
</a>
<button type="button" class="text-link notification__close">
{% include 'icon-close' %}
<span class="icon__fallback-text">{{ 'cart.general.close_notification' | t }}</span>
</button>
</div>
</div>
<div id="NotificationError" class="notification notification--error" aria-hidden="true">
<div class="page-width notification__inner">
<span class="notification__message notification__message--error" aria-live="assertive" aria-atomic="true"></span>
<button type="button" class="text-link notification__close">
{% include 'icon-close' %}
<span class="icon__fallback-text">{{ 'cart.general.close_notification' | t }}</span>
</button>
</div>
</div>
</div>
</div>

{% if section.settings.promo_bar_enable and section.settings.promo_bar_text != blank %}
<div id="NotificationPromo" class="notification notification--promo" data-text="{{ section.settings.promo_bar_text | strip_html | handle }}">
<div class="page-width notification__inner {% if section.settings.promo_bar_link != blank %} notification__inner--has-link{% endif %}">
{% if section.settings.promo_bar_link != blank %}
<a href="{{ section.settings.promo_bar_link }}" class="notification__link">
<span class="notification__message">{{ section.settings.promo_bar_text | escape }}</span>
</a>
{% else %}
<span class="notification__message">{{ section.settings.promo_bar_text | escape }}</span>
{% endif %}
<button type="button" class="text-link notification__close" id="NotificationPromoClose">
{% include 'icon-close' %}
<span class="icon__fallback-text">{{ 'cart.general.close_notification' | t }}</span>
</button>
</div>
</div>
{% endif %}
</header>

 

Thanks

dmwwebartisan
Shopify Partner
12280 2546 3694

@BaseCampWA 

Please find this code 

 

<div id="SiteNavSearchCart" class="site-header__search-cart-wrapper">

 

After this div Add this following code 

 

<a href="tel:(08) 8444 0481" id="customer_login_link"> (08) 8444 0481</a>

 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
BaseCampWA
Excursionist
42 0 6

@dmwwebartisan Thanks,

That looks really good, are we able to get it such that is perfectly aligned height wise with the search and cart.

Our current image is shown below. We would love it if the alignment meant they were all equal height.

Thanks

Screenshot 2021-09-13 111404.png

KetanKumar
Shopify Partner
36839 3635 11972

@BaseCampWA 

yes please add this css code 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.site-header__search-cart-wrapper {align-items: center;}

 After code view

KetanKumar_0-1631504677777.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
BaseCampWA
Excursionist
42 0 6

Perfect

KetanKumar
Shopify Partner
36839 3635 11972

@BaseCampWA 

its my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
BaseCampWA
Excursionist
42 0 6

Hi @KetanKumar 

So it seems to have worked very well however when you scroll down it is still not correctly aligned.

Can someone please help us out with this one.
Thanks
Screenshot 2021-09-14 134913.png

prasanna1991
Shopify Partner
25 9 11

Hi BaseCampWA,

Hope you are well.

Please follow the below steps:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid
  3. Paste the below code at the bottom of the file & Click Save
.sticky--active .sticky-only {
    align-items: center;
}

Base Camp Austra.png

 

Hope that helps.

 

Thanks

 

- Want to modify or custom changes on store Hire me.
- Feel free to contact me on prasanna.mahamulkar@gmail.com regarding any help.
- If helpful then please Like and Accept Solution.
Shopify Frontend Web Developer | Whatsapp Me
BaseCampWA
Excursionist
42 0 6

Thanks,
That is everything we need,

Thank you for all of your help

KetanKumar
Shopify Partner
36839 3635 11972

@BaseCampWA 

thanks for update

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
36839 3635 11972
<style>
.site-header__logo img {
max-width: {{ section.settings.logo_max_width | default: '450' | remove: 'px' | append: 'px' | escape }};
}
</style>

<div id="NavDrawer" class="drawer drawer--left">
<div class="drawer__inner">
<form action="{{ routes.search_url }}" method="get" class="drawer__search" role="search">
<input type="search" name="q" placeholder="{{ 'general.search.placeholder' | t }}" aria-label="{{ 'general.search.placeholder' | t }}" class="drawer__search-input">

<button type="submit" class="text-link drawer__search-submit">
{% include 'icon-search' %}
<span class="icon__fallback-text">{{ 'general.search.submit' | t }}</span>
</button>
</form>
<ul class="drawer__nav">
{% for link in linklists[section.settings.main_linklist].links %}
{% assign child_list_handle = link.title | handleize %}

{% if link.links != blank %}
<li class="drawer__nav-item">
<div class="drawer__nav-has-sublist">
<a href="{{ link.url }}"
class="drawer__nav-link drawer__nav-link--top-level drawer__nav-link--split"
id="DrawerLabel-{{ child_list_handle }}"
{% if link.active %} aria-current="page"{% endif %}
>
{{ link.title }}
</a>
<button type="button" aria-controls="DrawerLinklist-{{ child_list_handle }}" class="text-link drawer__nav-toggle-btn drawer__meganav-toggle" aria-label="{{ link.title }} {{ 'general.drawers.menu' | t }}" aria-expanded="false">
<span class="drawer__nav-toggle--open">
{% include 'icon-plus' %}
</span>
<span class="drawer__nav-toggle--close">
{% include 'icon-minus' %}
</span>
</button>
</div>

<div class="meganav meganav--drawer" id="DrawerLinklist-{{ child_list_handle }}" aria-labelledby="DrawerLabel-{{ child_list_handle }}" role="navigation">
<ul class="meganav__nav">
{% include 'drawer-nav' %}
</ul>
</div>
</li>
{% else %}
<li class="drawer__nav-item">
<a href="{{ link.url }}"
class="drawer__nav-link drawer__nav-link--top-level"
{% if link.active %} aria-current="page"{% endif %}
>
{{ link.title }}
</a>
</li>
{% endif %}
{% endfor %}

{% if shop.customer_accounts_enabled %}
{% if customer %}
<li class="drawer__nav-item">
<a href="{{ routes.account_url }}" class="drawer__nav-link drawer__nav-link--top-level">
{{ 'layout.customer.account' | t }}
</a>
</li>
<li class="drawer__nav-item">
<a href="{{ routes.account_logout_url }}" class="drawer__nav-link drawer__nav-link--top-level">
{{ 'layout.customer.log_out' | t }}
</a>
</li>
{% else %}
<li class="drawer__nav-item">
<a href="{{ routes.account_login_url }}" class="drawer__nav-link drawer__nav-link--top-level">
{{ 'layout.customer.account' | t }}
</a>
</li>
{% endif %}
{% endif %}
</ul>
</div>
</div>

<header class="site-header page-element is-moved-by-drawer" role="banner" data-section-id="{{ section.id }}" data-section-type="header">
<div class="site-header__upper page-width">
<div class="grid grid--table">
<div class="grid__item small--one-quarter medium-up--hide">
<button type="button" class="text-link site-header__link js-drawer-open-left">
<span class="site-header__menu-toggle--open">
{% include 'icon-hamburger' %}
</span>
<span class="site-header__menu-toggle--close">
{% include 'icon-close' %}
</span>
<span class="icon__fallback-text">{{ 'general.drawers.navigation' | t }}</span>
</button>
</div>
<div class="grid__item small--one-half medium-up--two-thirds small--text-center">
{% if request.page_type == 'index' %}
<h1 class="site-header__logo" itemscope itemtype="http://schema.org/Organization">
{% else %}
<div class="site-header__logo h1" itemscope itemtype="http://schema.org/Organization">
{% endif %}
{% if section.settings.logo != blank %}
{% capture image_size %}{{ section.settings.logo_max_width }}x{% endcapture %}
<a href="{{ routes.root_url }}" itemprop="url" class="site-header__logo-link">
<img src="{{ section.settings.logo | img_url: image_size }}"
srcset="{{ section.settings.logo | img_url: image_size }} 1x, {{ section.settings.logo | img_url: image_size, scale: 2 }} 2x"
alt="{{ section.settings.logo.alt | default: shop.name }}"
itemprop="logo">
</a>
{% else %}
{% assign shop_name_length = shop.name.size %}
<a href="{{ routes.root_url }}" itemprop="url" {% if shop_name_length > 10 %} class="site-header__shop-name--small"{% endif %}>{{ shop.name }}</a>
{% endif %}
{% if request.page_type == 'index' %}
</h1>
{% else %}
</div>
{% endif %}
</div>

<div class="grid__item small--one-quarter medium-up--one-third text-right">
<a href="tel:(08) 8444 0481" id="customer_login_link"> (08) 8444 0481</a>
<div id="SiteNavSearchCart" class="site-header__search-cart-wrapper">
<form action="{{ routes.search_url }}" method="get" class="site-header__search small--hide" role="search">
{% comment %}<input type="hidden" name="type" value="product">{% endcomment %}
<label for="SiteNavSearch" class="visually-hidden">{{ 'general.search.placeholder' | t }}</label>
<input type="search" name="q" id="SiteNavSearch" placeholder="{{ 'general.search.placeholder' | t }}" aria-label="{{ 'general.search.placeholder' | t }}" class="site-header__search-input">

<button type="submit" class="text-link site-header__link site-header__search-submit">
{% include 'icon-search' %}
<span class="icon__fallback-text">{{ 'general.search.submit' | t }}</span>
</button>
</form>

<a href="{{ routes.cart_url }}" class="site-header__link site-header__cart">
{% include 'icon-cart' %}
<span class="icon__fallback-text">{{ 'layout.cart.title' | t }}</span>
<span class="site-header__cart-indicator {% if cart.item_count == 0 %}hide{% endif %}"></span>
</a>
</div>
</div>
</div>
</div>

<div id="StickNavWrapper">
<div id="StickyBar" class="sticky">
<nav class="nav-bar small--hide" role="navigation" id="StickyNav">
<div class="page-width">
<div class="grid grid--table">
<div class="grid__item {% if shop.customer_accounts_enabled %}four-fifths{% else%}seven-eighths{% endif %}" id="SiteNavParent">
<button type="button" class="hide text-link site-nav__link site-nav__link--compressed js-drawer-open-left" id="SiteNavCompressed">
{% include 'icon-hamburger' %}
<span class="site-nav__link-menu-label">{{ 'general.drawers.menu' | t }}</span>
<span class="icon__fallback-text">{{ 'general.drawers.navigation' | t }}</span>
</button>
<ul class="site-nav list--inline" id="SiteNav">
{% for link in linklists[section.settings.main_linklist].links %}
{% assign child_list_handle = link.title | handleize %}

{% comment %}
Use full width layout if there are 7+ links or parent has products
{% endcomment %}
{% assign meganav_use_columns = false %}
{% assign nav_parent_product_count = link.object.products_count %}
{% unless nav_parent_product_count == blank or nav_parent_product_count == 0 %}
{% assign meganav_use_columns = true %}
{% endunless %}

{% if link.links.size > 7 %}
{% assign meganav_use_columns = true %}
{% endif %}

{% assign is_collection_with_products = false %}
{% if link.type == 'collection_link' and link.object.products_count > 0 %}
{% assign is_collection_with_products = true %}
{% endif %}

{% if link.links != blank %}
<li class="site-nav__item{% if link.active %} site-nav--active{% endif %}{% unless meganav_use_columns %} site-nav__item--no-columns{% endunless %}" aria-haspopup="true">
<a href="{{ link.url }}" class="site-nav__link site-nav__link-toggle" id="SiteNavLabel-{{ child_list_handle }}" aria-controls="SiteNavLinklist-{{ child_list_handle }}" aria-expanded="false"{% if link.active %} aria-current="page"{% endif %}>
{{ link.title }}
{% include 'icon-arrow-down' %}
</a>

<div class="site-nav__dropdown meganav site-nav__dropdown--second-level" id="SiteNavLinklist-{{ child_list_handle }}" aria-labelledby="SiteNavLabel-{{ child_list_handle }}" role="navigation">
<ul class="meganav__nav{% if is_collection_with_products %} meganav__nav--collection{% endif %} page-width">
{% include 'site-nav' %}
</ul>
</div>
</li>
{% else %}
<li class="site-nav__item{% if link.active %} site-nav--active{% endif %}">
<a href="{{ link.url }}" class="site-nav__link"{% if link.active %} aria-current="page"{% endif %}>
{{ link.title }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
<div class="grid__item {% if shop.customer_accounts_enabled %}one-fifth{% else%}one-eighth{% endif %} text-right">
<div class="sticky-only" id="StickyNavSearchCart"></div>
{% if shop.customer_accounts_enabled %}
<div class="customer-login-links sticky-hidden">
{% if customer %}
<a href="{{ routes.account_url }}">
{{ 'layout.customer.account' | t }}
</a>
{{ 'layout.customer.log_out' | t | customer_logout_link }}
{% else %}
{{ 'layout.customer.account' | t | customer_login_link }}
{% endif %}
</div>
{% endif %}
</div>
</div>
</div>
</nav>
<div id="NotificationSuccess" class="notification notification--success" aria-hidden="true">
<div class="page-width notification__inner notification__inner--has-link">
<a href="{{ routes.cart_url }}" class="notification__link">
<span class="notification__message">{{ 'products.product.product_added_to_cart_html' | t }}</span>
</a>
<button type="button" class="text-link notification__close">
{% include 'icon-close' %}
<span class="icon__fallback-text">{{ 'cart.general.close_notification' | t }}</span>
</button>
</div>
</div>
<div id="NotificationError" class="notification notification--error" aria-hidden="true">
<div class="page-width notification__inner">
<span class="notification__message notification__message--error" aria-live="assertive" aria-atomic="true"></span>
<button type="button" class="text-link notification__close">
{% include 'icon-close' %}
<span class="icon__fallback-text">{{ 'cart.general.close_notification' | t }}</span>
</button>
</div>
</div>
</div>
</div>

{% if section.settings.promo_bar_enable and section.settings.promo_bar_text != blank %}
<div id="NotificationPromo" class="notification notification--promo" data-text="{{ section.settings.promo_bar_text | strip_html | handle }}">
<div class="page-width notification__inner {% if section.settings.promo_bar_link != blank %} notification__inner--has-link{% endif %}">
{% if section.settings.promo_bar_link != blank %}
<a href="{{ section.settings.promo_bar_link }}" class="notification__link">
<span class="notification__message">{{ section.settings.promo_bar_text | escape }}</span>
</a>
{% else %}
<span class="notification__message">{{ section.settings.promo_bar_text | escape }}</span>
{% endif %}
<button type="button" class="text-link notification__close" id="NotificationPromoClose">
{% include 'icon-close' %}
<span class="icon__fallback-text">{{ 'cart.general.close_notification' | t }}</span>
</button>
</div>
</div>
{% endif %}
</header>

@BaseCampWA 

thanks for code can you please update this code

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing