Contact Details
While you're editing the HTML file you might want to add your contact details (or some other text) at the top of the page. We need to add this to the no-header.html file in the Theme>Edit HTML/CSS.
You should put it below '<div class="nav desktop-nav">{menu}</div>' and above '<label class="hamburger"><span></span></label>':
<div class="nav desktop-nav">{menu}</div>
<div style="float:right; text-align: right;" class="contactus">
Phone:
<a href="tel:1234567890">
<span itemprop="telephone">123-456-7890</span>
</a><br>
Email:
<a href="mailto:email@example.com" target="_top">
<span itemprop="email">email@example.com</span></a>
</div>
<label class="hamburger"><span></span></label>
While you're editing the HTML file you might want to add your contact details (or some other text) at the top of the page. We need to add this to the no-header.html file in the Theme>Edit HTML/CSS.
You should put it below '<div class="nav desktop-nav">{menu}</div>' and above '<label class="hamburger"><span></span></label>':
<div class="nav desktop-nav">{menu}</div>
<div style="float:right; text-align: right;" class="contactus">
Phone:
<a href="tel:1234567890">
<span itemprop="telephone">123-456-7890</span>
</a><br>
Email:
<a href="mailto:email@example.com" target="_top">
<span itemprop="email">email@example.com</span></a>
</div>
<label class="hamburger"><span></span></label>
Following is used on this page
<div id="header">
<!-- from MJCS top thingy -->
<!-- <div style="float:right; text-align: center;" class="contactus">-->
<div style="text-align: center;" class="contactus">
Free Shipping on Orders over $50
<!--
<a href="tel:1234567890">
<span itemprop="telephone">123-456-7890</span>
</a><br>
Email:
<a href="mailto:email@example.com" target="_top">
<span itemprop="email">email@example.com</span></a>
-->
</div>
<!-- end MJCS code -->
<div class="container">
<div class="icons">
<div class="w-navpane-trigger hamburger">
<span></span>
</div>
</div>
<div class="logo">{logo}</div>
<!-- <div class="logo">{logo:content}</div> if your want to replace logo with content area -->
<div class="icons">
{search}
{minicart}
<a href="#" class="close w-navpane-close"><span></span></a>
</div>
</div>
<div id="navlist" class="w-navlist nav">{menu}</div>
<div id="menu" class="slide-panel">
<div id="nav" class="nav w-navpane">
<div class="container">{menu}</div>
</div>
</div>
<div id="search" class="slide-panel">
<div class="container">Search by typing & pressing enter</div>
</div>
<div id="cart" class="slide-panel">
<div class="container"><h2>YOUR CART</h2></div>
</div>
</div>
Following is used on this page:
<div id="header">
<!-- from MJCS top thingy -->
<!-- <div style="float:right; text-align: center;" class="contactus">-->
<div style="text-align: center;" class="contactus">
Free Shipping on Orders over $50
<!--
<a href="tel:1234567890">
<span itemprop="telephone">123-456-7890</span>
</a><br>
Email:
<a href="mailto:email@example.com" target="_top">
<span itemprop="email">email@example.com</span></a>
-->
</div>
<!-- end MJCS code -->
<div class="container">
<div class="icons">
<div class="w-navpane-trigger hamburger">
<span></span>
</div>
</div>
<div class="logo">{logo}</div>
<!-- <div class="logo">{logo:content}</div> if your want to replace logo with content area -->
<div class="icons">
{search}
{minicart}
<a href="#" class="close w-navpane-close"><span></span></a>
</div>
</div>
<div id="navlist" class="w-navlist nav">{menu}</div>
<div id="menu" class="slide-panel">
<div id="nav" class="nav w-navpane">
<div class="container">{menu}</div>
</div>
</div>
<div id="search" class="slide-panel">
<div class="container">Search by typing & pressing enter</div>
</div>
<div id="cart" class="slide-panel">
<div class="container"><h2>YOUR CART</h2></div>
</div>
</div>
Following is used on this page: