{"id":51726,"date":"2015-08-12T02:34:00","date_gmt":"2015-08-12T06:34:00","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=51726"},"modified":"2017-07-12T06:39:09","modified_gmt":"2017-07-12T10:39:09","slug":"joomla-3-x-how-to-edit-contact-details-in-header","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/joomla-3-x-how-to-edit-contact-details-in-header.html","title":{"rendered":"Joomla 3.x. How to edit contact details in header"},"content":{"rendered":"

<\/p>\r\n

Joomla 3.x. How to edit contact details in header<\/a><\/p>\r\n

Hello! This tutorial will show you how to edit contact details in header of your Joomla 3.x.<\/strong> template: <\/p>\r\n

\"contact_details_in_header_joomla3_img1\"<\/a><\/p>\r\n

    \r\n
  1. \r\n

    Open your administrator panel and navigate to Menus -> Address<\/strong>: <\/p>\r\n

    \"contact_details_in_header_joomla3_img2\"<\/a><\/p>\r\n

    As you can see it’s a regular menu with several sub-menu items. <\/p>\r\n<\/li>\r\n

  2. \r\n

    The first one is the phone icon set with class. Feel free to check full list of icons available here<\/a>.<\/p>\r\n

    \"contact_details_in_header_joomla3_img3\"<\/a><\/p>\r\n

    To replace icon displayed by that menu item, open it, locate tab Link Type<\/strong> and paste the class you’ve copied before as shown on the screenshot: <\/p>\r\n

    \"contact_details_in_header_joomla3_img4\"<\/a>\r\n<\/li>\r\n

  3. \r\n

    Open the second menu item and change its name from Phone to the one you need: <\/p>\r\n

    \"contact_details_in_header_joomla3_img5\"<\/a>\r\n<\/li>\r\n

  4. \r\n

    Open the third menu item which is the phone number itself. You can edit the menu item title to change it:<\/p>\r\n

    \"contact_details_in_header_joomla3_img6\"<\/a>\r\n<\/li>\r\n

  5. \r\n

    Reload your site and check the changes we’ve made: <\/p>\r\n

    \"contact_details_in_header_joomla3_img7\"<\/a><\/p>\r\n

    The same way you can change all the other menu items from that section.<\/p>\r\n<\/li>\r\n<\/ol>\r\n

    You’ve learned how to edit the contact details located in header of your Joomla 3.x.<\/strong> template.<\/p>\r\n

    Feel free to check the detailed video tutorial below:<\/p>\r\n

    Joomla 3.x. How to edit contact details in header<\/a><\/p>\r\n

    <\/p>\r\n\r\n

    \r\n\r\n\r\n<\/a>\r\n<\/div>","protected":false},"excerpt":{"rendered":"

    This tutorial will show you how to edit contact details in header of your Joomla 3.x.<\/strong> template.<\/p>\n","protected":false},"author":81,"featured_media":51801,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[724],"tags":[639,627,483],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/51726"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/81"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=51726"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/51726\/revisions"}],"predecessor-version":[{"id":81951,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/51726\/revisions\/81951"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/51801"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=51726"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=51726"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=51726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}