Tweak Library
Note: We have updated our folder structure in Neto 6 and this has not been updated on all tweaks yet. More info.

Phone Number

Display your phone number so that people can easily call you.

Industries

  • Bicycles
  • Auto Parts
  • Computers & Electronics
  • Music & Instruments

Wireframe

Phone Number

Coding Instructions

Step 1. Add the phone number

Open headers/template.html and paste the below code directly underneath the closing div with the class wrapper-logo:

<div class="col-xs-12 col-sm-3">
    <p><i class="fa fa-phone"></i> [@config:company_phone@]</p>
</div>

Notes On The Above Code

The "company_phone" config value is pulled from the "Business Details" section under the cog icon in the cPanel. Using this method allows the business owner to easily change the phone number in the future.

Step 2. Update the grid classes for the search and cart

Find <div class="header-search"> and change the immediate parent div's grid class from col-sm-4 to col-sm-3.

Similarly, find <div id="header-cart" class="btn-group"> and change the immediate parent div's grid class from col-sm-4 to col-sm-3.

Step 3. Add the CSS

Add the following CSS to the appropriate stylesheet:

@media (max-width: 1199px) {
        .shopping-cart {
        display: none;
    }
}

Step 4. Shuffle elements or update styles to suit

Update the CSS to suit - for example, to increase the font-size of the phone number or vertically-align it with the search and cart sections.

Final Result

Multi-Item Add

Download Files

Download Files