Categories

Featured templates

Joomla 3.x. How to edit contact details in header

Jeff Bell August 12, 2015
Rating: 5.0/5. From 1 vote.
Please wait...

Joomla 3.x. How to edit contact details in header

Hello! This tutorial will show you how to edit contact details in header of your Joomla 3.x. template:

contact_details_in_header_joomla3_img1

  1. Open your administrator panel and navigate to Menus -> Address:

    contact_details_in_header_joomla3_img2

    As you can see it’s a regular menu with several sub-menu items.

  2. The first one is the phone icon set with class. Feel free to check full list of icons available here.

    contact_details_in_header_joomla3_img3

    To replace icon displayed by that menu item, open it, locate tab Link Type and paste the class you’ve copied before as shown on the screenshot:

    contact_details_in_header_joomla3_img4

  3. Open the second menu item and change its name from Phone to the one you need:

    contact_details_in_header_joomla3_img5

  4. Open the third menu item which is the phone number itself. You can edit the menu item title to change it:

    contact_details_in_header_joomla3_img6

  5. Reload your site and check the changes we’ve made:

    contact_details_in_header_joomla3_img7

    The same way you can change all the other menu items from that section.

You’ve learned how to edit the contact details located in header of your Joomla 3.x. template.

Feel free to check the detailed video tutorial below:

Joomla 3.x. How to edit contact details in header

Beautiful Joomla Templates
This entry was posted in Joomla! Tutorials and tagged contact, header, joomla. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket