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

[BaseCampWA]

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.

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

[dmwwebartisan]

@BaseCampWA

Please share your Sections/header.liquid file code .

Thanks!

[BaseCampWA]

Hi,

It shows all of this below, hopefully this helps

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

{% include 'icon-search' %} {{ 'general.search.submit' | t }}

{% for link in linklists[section.settings.main_linklist].links %} {% assign child_list_handle = link.title | handleize %}

{% if link.links != blank %}

• {{ link.title }} {% include 'icon-plus' %} {% include 'icon-minus' %}
  {% include 'drawer-nav' %}
{% else %}
• {{ link.title }}
{% endif %} {% endfor %}

{% if shop.customer_accounts_enabled %}
{% if customer %}

• {{ 'layout.customer.account' | t }}
• {{ 'layout.customer.log_out' | t }}
{% else %}
• {{ 'layout.customer.account' | t }}
{% endif %} {% endif %}

{% include 'icon-hamburger' %} {% include 'icon-close' %} {{ 'general.drawers.navigation' | t }}

{% if request.page_type == 'index' %}

{% else %}

{% endif %} {% if section.settings.logo != blank %} {% capture image_size %}{{ section.settings.logo_max_width }}x{% endcapture %} {% else %} {% assign shop_name_length = shop.name.size %} 10 %} class="site-header__shop-name--small"{% endif %}>{{ shop.name }} {% endif %} {% if request.page_type == 'index' %}

{% else %}

{% endif %}

{% comment %}{% endcomment %} {{ 'general.search.placeholder' | t }} {% include 'icon-search' %} {{ 'general.search.submit' | t }} {% include 'icon-cart' %} {{ 'layout.cart.title' | t }}

{% include 'icon-hamburger' %} {{ 'general.drawers.menu' | t }} {{ 'general.drawers.navigation' | t }}

{% 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 %}

• {{ link.title }} {% include 'icon-arrow-down' %}
  {% include 'site-nav' %}
{% else %}
• {{ link.title }}
{% endif %} {% endfor %}

{% if shop.customer_accounts_enabled %}

{% if customer %} {{ 'layout.customer.account' | t }} {{ 'layout.customer.log_out' | t | customer_logout_link }} {% else %} {{ 'layout.customer.account' | t | customer_login_link }} {% endif %}

{% endif %}

{{ 'products.product.product_added_to_cart_html' | t }} {% include 'icon-close' %} {{ 'cart.general.close_notification' | t }}

{% include 'icon-close' %} {{ 'cart.general.close_notification' | t }}

{% if section.settings.promo_bar_enable and section.settings.promo_bar_text != blank %}

{% if section.settings.promo_bar_link != blank %} {{ section.settings.promo_bar_text | escape }} {% else %} {{ section.settings.promo_bar_text | escape }} {% endif %} {% include 'icon-close' %} {{ 'cart.general.close_notification' | t }}

{% endif %}

Thanks

[dmwwebartisan]

@BaseCampWA

Please find this code

After this div Add this following code

 (08) 8444 0481

Thanks!

[KetanKumar]

{% for link in linklists[section.settings.main_linklist].links %}
{% assign child_list_handle = link.title | handleize %}

{% if link.links != blank %}
- {{ link.title }}

  {% include 'drawer-nav' %}

{% else %}
- {{ link.title }}

{% endif %}
{% endfor %}

{% if shop.customer_accounts_enabled %}
{% if customer %}
- {{ 'layout.customer.account' | t }}

- {{ 'layout.customer.log_out' | t }}

{% else %}
- {{ 'layout.customer.account' | t }}

{% endif %}
{% endif %}

@BaseCampWA

thanks for code can you please update this code

[BaseCampWA]

@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

[KetanKumar]

@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

[BaseCampWA]

Perfect

[KetanKumar]

@BaseCampWA

its my pleasure to help us

[BaseCampWA]

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

[prasanna1991]

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;
}

Hope that helps.

Thanks

[BaseCampWA]

Thanks,
That is everything we need,

Thank you for all of your help

[KetanKumar]

@BaseCampWA

thanks for update