{"id":1396,"date":"2020-09-12T10:24:47","date_gmt":"2020-09-12T10:24:47","guid":{"rendered":"https:\/\/dentalia.orionthemes.com\/documentation\/?page_id=1396"},"modified":"2021-01-08T09:28:17","modified_gmt":"2021-01-08T09:28:17","slug":"top-bar","status":"publish","type":"page","link":"https:\/\/dentalia.orionthemes.com\/documentation\/theme-options\/header\/top-bar\/","title":{"rendered":"Top Bar"},"content":{"rendered":"<div id=\"pl-1396\"  class=\"panel-layout\" ><div id=\"pg-1396-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-default desktop-default text-dark bg-altsitebg panel-row-style panel-row-style-for-1396-0\" data-stretch-type=\"full\" ><div id=\"pgc-1396-0-0\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><div id=\"pgc-1396-0-1\"  class=\"panel-grid-cell panel-grid-cell-mobile-last\" ><div id=\"panel-1396-0-1-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"0\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1396-0-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:6px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-2 style-primary-color\">\r\n\t\t\t<h1 class=\"primary-color text-uppercase display-2\">\r\n\t\t\t\tTop Bar\t\t\t<\/h1>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-1396-0-1-1\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"1\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1396-0-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p class=\"lead\" style=\"text-align: center;\">The top bar adds 2 widget areas above the header <strong>(Top bar left<\/strong> and <strong>Top bar right<\/strong>). You can use them to display contact information. The height of the top bar is set to 48 pixels.<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pgc-1396-0-2\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><\/div><\/div><div id=\"pg-1396-1\"  class=\"panel-grid panel-has-style\" ><div class=\"divider-no-animation tablet-default mobile-default desktop-default push-up-60 clear panel-row-style panel-row-style-for-1396-1\" ><div id=\"pgc-1396-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1396-1-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child\" data-index=\"2\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1396-1-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<div class=\"alert alert-info\" style=\"text-align: center;\" role=\"alert\"><strong>Theme Options<\/strong> -&gt; Header -&gt; Top Bar<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-1396-2\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-1-in-row desktop-default clear panel-row-style panel-row-style-for-1396-2\" style=\"z-index:2;\" data-stretch-type=\"full\" data-z-index=\"2\" ><div id=\"pgc-1396-2-0\"  class=\"panel-grid-cell\" ><div class=\"clear panel-cell-style panel-cell-style-for-1396-2-0\" ><div id=\"panel-1396-2-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"3\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1396-2-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:12px;\">\r\n\t\t<div class=\"col-md-12   text-left style-h2 style-primary-color\">\r\n\t\t\t<h2 class=\"primary-color\">\r\n\t\t\t\t<span class=\"mark mark-doc\">1<\/span> Top Bar Settings\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-1396-2-0-1\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"4\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1396-2-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><strong>Display top bar: <\/strong>This option turns on the top bar widget areas.<\/li>\n<li><strong>Top bar text color:<\/strong> You can choose between dark and light text colors to match the background.<\/li>\n<li><strong>Top bar background color:<\/strong> You can set a custom background color for the background.<\/li>\n<li><strong>Left top bar dividers: <\/strong>Adds vertical dividers between the widgets in the left top bar widget area.<\/li>\n<li><strong>Right top bar dividers: <\/strong>Adds vertical dividers between the widgets in the right top bar widget area.<\/li>\n<li><strong>Top bar border color: <\/strong>Sets the color of the topo bar border and dividers.<\/li>\n<li><strong>Make top bar fullwidth:<\/strong> Checking this will stretch the top bar throughout the screen.<\/li>\n<li><strong>Make top bar always visible on mobile: <\/strong>This option removes the top bar toggle on mobile<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-1396-2-1\"  class=\"panel-grid-cell\" ><div id=\"panel-1396-2-1-0\" class=\"so-panel widget widget_orion_empty_space_w panel-first-child\" data-index=\"5\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1396-2-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_empty_space_w so-widget-orion_empty_space_w-base\"\n\t\t\t\n\t\t>\t<div class=\"row empty-space visible-sm visible-xs\" style=\"height:24px;\">\r\n\t<\/div><\/div><\/div><\/div><div id=\"panel-1396-2-1-1\" class=\"so-panel widget widget_orion_image_w panel-last-child\" data-index=\"6\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1396-2-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-themeoptions-topbar-settings.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-themeoptions-topbar-settings.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"960\" height=\"843\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-themeoptions-topbar-settings.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-1396-3\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-default mobile-default desktop-default clear panel-row-style panel-row-style-for-1396-3\" data-stretch-type=\"full\" ><div id=\"pgc-1396-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1396-3-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"7\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1396-3-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-3 style-text-default\">\r\n\t\t\t<h3 class=\"text-default text-uppercase display-3\">\r\n\t\t\t\tExample (Light Top bar)\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-1396-3-0-1\" class=\"so-panel widget widget_orion_image_w\" data-index=\"8\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1396-3-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  shadow-4\">\r\n\r\n\t\t\t\t\t\t\t<div class=\" overlay-none overlay-hover-none\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"1170\" height=\"152\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-themeoptions-topbar-light.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><div id=\"panel-1396-3-0-2\" class=\"so-panel widget widget_orion_heading_w\" data-index=\"9\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1396-3-0-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-3 style-text-default\">\r\n\t\t\t<h3 class=\"text-default text-uppercase display-3\">\r\n\t\t\t\tExample (Dark top bar)\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-1396-3-0-3\" class=\"so-panel widget widget_orion_image_w panel-last-child\" data-index=\"10\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1396-3-0-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  shadow-4\">\r\n\r\n\t\t\t\t\t\t\t<div class=\" overlay-none overlay-hover-none\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"1170\" height=\"152\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-themeoptions-topbar-dark.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-1396-4\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-1-in-row desktop-default bg-altsitebg panel-row-style panel-row-style-for-1396-4\" style=\"z-index:2;\" data-stretch-type=\"full\" data-z-index=\"2\" ><div id=\"pgc-1396-4-0\"  class=\"panel-grid-cell\" ><div class=\"clear panel-cell-style panel-cell-style-for-1396-4-0\" ><div id=\"panel-1396-4-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"11\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1396-4-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:12px;\">\r\n\t\t<div class=\"col-md-12   text-left style-h2 style-primary-color\">\r\n\t\t\t<h2 class=\"primary-color\">\r\n\t\t\t\t<span class=\"mark mark-doc\">2<\/span> Adding widgets to the top bar\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-1396-4-0-1\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"12\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1396-4-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p class=\"lead\">You can add content to the top bar with widgets. Navigate to <strong>Appearance -&gt; Widgets <\/strong>and edit the <strong>Top-bar-left<\/strong> and <strong>Top-bar-right <\/strong>widget areas.<\/p>\n<p class=\"lead\">You can find the list of supported widgets below.<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-1396-4-1\"  class=\"panel-grid-cell\" ><div id=\"panel-1396-4-1-0\" class=\"so-panel widget widget_orion_empty_space_w panel-first-child\" data-index=\"13\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1396-4-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_empty_space_w so-widget-orion_empty_space_w-base\"\n\t\t\t\n\t\t>\t<div class=\"row empty-space visible-sm visible-xs\" style=\"height:24px;\">\r\n\t<\/div><\/div><\/div><\/div><div id=\"panel-1396-4-1-1\" class=\"so-panel widget widget_orion_image_w panel-last-child\" data-index=\"14\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1396-4-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-themeoptions-topbar-widgets.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-themeoptions-topbar-widgets.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"960\" height=\"737\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-themeoptions-topbar-widgets.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-1396-5\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-default desktop-default text-dark bg-altsitebg panel-row-style panel-row-style-for-1396-5\" data-stretch-type=\"full\" ><div id=\"pgc-1396-5-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1396-5-0-0\" class=\"so-panel widget widget_siteorigin-panels-builder panel-first-child panel-last-child\" data-index=\"15\" ><div class=\"alignwide orion custom default panel-widget-style panel-widget-style-for-1396-5-0-0\" ><div id=\"pl-w5f5cb759d421e\"  class=\"panel-layout\" ><div id=\"pg-w5f5cb759d421e-0\"  class=\"panel-grid panel-has-style\" ><div class=\"divider-no-animation tablet-2-in-row mobile-default desktop-default custom panel-row-style panel-row-style-for-w5f5cb759d421e-0\" ><div id=\"pgc-w5f5cb759d421e-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-w5f5cb759d421e-0-0-0\" class=\"so-panel widget widget_orion_features_w panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"orion bg-sitebg default shadow-4 panel-widget-style panel-widget-style-for-w5f5cb759d421e-0-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_features_w so-widget-orion_features_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"features-wrap auto-height-mobile\">\r\n\t<div class=\"table-wrap\">\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"feature-item clearfix text-center col-md-12 col-sm-12 text-default\" >\r\n\t\t\t\t<div class=\"overflow-hidden\">\r\n\t\t\t\t\t<div class=\"feature-item-wrap table-wrap no-toggle\">\t\t\r\n\t\t\t\t\t\t<div class=\"overlay-wrap\" style=\"background-color: transparent;\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"image-overlay-wrap\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"table-cell\" style=\"height:360px;\">\r\n\t\t\t\t\t\t\t<div class=\"header\">\r\n\t\t\t\t\t\t\t\t<span class=\"sow-icon-fontawesome sow-fab\" data-sow-icon=\"&#xf099;\"\n\t\tstyle=\"color: #00BCD4; font-size: 48px; line-height: 48px\" \n\t\taria-hidden=\"true\"><\/span><a class=\"primary-hover\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/widgets\/icons-widget\/\"><h4 class=\"item-title h3 primary-hover\">Icons Widget<\/h4><\/a>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"footer\">\r\n\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t\tUse this widget to display social media icons.\t\t\t\t\t\t\t\t<\/p>\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a  href=\"https:\/\/dentalia.orionthemes.com\/documentation\/widgets\/icons-widget\/\" class=\"btn btn btn-flat btn-sm\">Read more<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-w5f5cb759d421e-0-1\"  class=\"panel-grid-cell\" ><div id=\"panel-w5f5cb759d421e-0-1-0\" class=\"so-panel widget widget_orion_features_w panel-first-child panel-last-child\" data-index=\"1\" ><div class=\"orion bg-sitebg default shadow-4 panel-widget-style panel-widget-style-for-w5f5cb759d421e-0-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_features_w so-widget-orion_features_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"features-wrap auto-height-mobile\">\r\n\t<div class=\"table-wrap\">\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"feature-item clearfix text-center col-md-12 col-sm-12 text-default\" >\r\n\t\t\t\t<div class=\"overflow-hidden\">\r\n\t\t\t\t\t<div class=\"feature-item-wrap table-wrap no-toggle\">\t\t\r\n\t\t\t\t\t\t<div class=\"overlay-wrap\" style=\"background-color: transparent;\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"image-overlay-wrap\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"table-cell\" style=\"height:360px;\">\r\n\t\t\t\t\t\t\t<div class=\"header\">\r\n\t\t\t\t\t\t\t\t<span class=\"sow-icon-fontawesome sow-fas\" data-sow-icon=\"&#xf0ca;\"\n\t\tstyle=\"color: #00BCD4; font-size: 48px; line-height: 48px\" \n\t\taria-hidden=\"true\"><\/span><a class=\"primary-hover\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/widgets\/icon-list-widget\/\"><h4 class=\"item-title h3 primary-hover\">Icon List<\/h4><\/a>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"footer\">\r\n\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t\tCan be used for adding contact information.\t\t\t\t\t\t\t\t<\/p>\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a  href=\"https:\/\/dentalia.orionthemes.com\/documentation\/widgets\/icon-list-widget\/\" class=\"btn btn btn-flat btn-sm\">Read more<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-w5f5cb759d421e-0-2\"  class=\"panel-grid-cell\" ><div id=\"panel-w5f5cb759d421e-0-2-0\" class=\"so-panel widget widget_orion_features_w panel-first-child panel-last-child\" data-index=\"2\" ><div class=\"orion bg-sitebg default shadow-4 panel-widget-style panel-widget-style-for-w5f5cb759d421e-0-2-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_features_w so-widget-orion_features_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"features-wrap auto-height-mobile\">\r\n\t<div class=\"table-wrap\">\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"feature-item clearfix text-center col-md-12 col-sm-12 text-default\" >\r\n\t\t\t\t<div class=\"overflow-hidden\">\r\n\t\t\t\t\t<div class=\"feature-item-wrap table-wrap no-toggle\">\t\t\r\n\t\t\t\t\t\t<div class=\"overlay-wrap\" style=\"background-color: transparent;\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"image-overlay-wrap\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"table-cell\" style=\"height:360px;\">\r\n\t\t\t\t\t\t\t<div class=\"header\">\r\n\t\t\t\t\t\t\t\t<span class=\"sow-icon-fontawesome sow-fas\" data-sow-icon=\"&#xf0a6;\"\n\t\tstyle=\"color: #00BCD4; font-size: 48px; line-height: 48px\" \n\t\taria-hidden=\"true\"><\/span><a class=\"primary-hover\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/widgets\/button-widget\/\"><h4 class=\"item-title h3 primary-hover\">Button Widget<\/h4><\/a>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"footer\">\r\n\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t\tWith this widget, you can add buttons to the top bar.\t\t\t\t\t\t\t\t<\/p>\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a  href=\"https:\/\/dentalia.orionthemes.com\/documentation\/widgets\/button-widget\/\" class=\"btn btn btn-flat btn-sm\">Read more<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-w5f5cb759d421e-0-3\"  class=\"panel-grid-cell\" ><div id=\"panel-w5f5cb759d421e-0-3-0\" class=\"so-panel widget widget_orion_features_w panel-first-child panel-last-child\" data-index=\"3\" ><div class=\"orion bg-sitebg default shadow-4 panel-widget-style panel-widget-style-for-w5f5cb759d421e-0-3-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_features_w so-widget-orion_features_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"features-wrap auto-height-mobile\">\r\n\t<div class=\"table-wrap\">\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"feature-item clearfix text-center col-md-12 col-sm-12 text-default\" >\r\n\t\t\t\t<div class=\"overflow-hidden\">\r\n\t\t\t\t\t<div class=\"feature-item-wrap table-wrap no-toggle\">\t\t\r\n\t\t\t\t\t\t<div class=\"overlay-wrap\" style=\"background-color: transparent;\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"image-overlay-wrap\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"table-cell\" style=\"height:360px;\">\r\n\t\t\t\t\t\t\t<div class=\"header\">\r\n\t\t\t\t\t\t\t\t<span class=\"sow-icon-fontawesome sow-fab\" data-sow-icon=\"&#xf19a;\"\n\t\tstyle=\"color: #00BCD4; font-size: 48px; line-height: 48px\" \n\t\taria-hidden=\"true\"><\/span><h4 class=\"item-title h3\">Navigation Menu<\/h4>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"footer\">\r\n\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t\tYou can use this native WordPress widget to display a custom menu.\t\t\t\t\t\t\t\t<\/p>\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>The top bar adds 2 widget areas above the header (Top bar left and Top bar right). You can use them to display contact information. The height of the top bar is set to 48 pixels. Theme Options -&gt; Header -&gt; Top Bar<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1209,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/1396"}],"collection":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/comments?post=1396"}],"version-history":[{"count":34,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/1396\/revisions"}],"predecessor-version":[{"id":3070,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/1396\/revisions\/3070"}],"up":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/1209"}],"wp:attachment":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/media?parent=1396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}