{"id":18232,"date":"2023-07-13T11:03:20","date_gmt":"2023-07-13T11:03:20","guid":{"rendered":"https:\/\/test.zakratheme.com\/blog\/?p=18232"},"modified":"2023-07-19T03:07:39","modified_gmt":"2023-07-19T03:07:39","slug":"zakra-3-0","status":"publish","type":"post","link":"https:\/\/zakratheme.com\/blog\/zakra-3-0\/","title":{"rendered":"Introducing Zakra 3.0 and Pro 2.0! Enhanced Design, UX, and Flexibility"},"content":{"rendered":"\n<p>Are you ready to unleash the potential of <strong>Zakra 3.0<\/strong>????&nbsp;<\/p>\n\n\n\n<p>We are happy to announce that the latest improved version of Zakra has been released on <strong>18 July 2023<\/strong>.&nbsp;<\/p>\n\n\n\n<p>The best part is that we&#8217;ve also released <strong>Zakra Pro 2.0<\/strong> simultaneously for our premium users.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Our trusted theme has empowered users like you to <a href=\"https:\/\/zakratheme.com\/blog\/create-wordpress-website-with-elementor\/\">create stunning websites<\/a> for years. Now, we&#8217;re taking it to the <strong>next level with Zakra 3.0<\/strong> and <strong>Pro 2.0<\/strong>.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Our developers have worked really hard and invested countless hours to present you with the best version of Zakra. After all, happy customers are our utmost priority.&nbsp;&nbsp;<\/p>\n\n\n\n<p>So, if you\u2019re curious about what\u2019s in Zakra 3.0 and Pro 2.0, let\u2019s delve in without further ado.&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_75 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #004846;color:#004846\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #004846;color:#004846\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/zakratheme.com\/blog\/zakra-3-0\/#major-motives-behind-zakra-30-and-pro-20-update\" >Major Motives Behind Zakra 3.0 and Pro 2.0 Update&nbsp;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/zakratheme.com\/blog\/zakra-3-0\/#what-to-do-before-updating-to-the-newest-version-of-zakra\" >What to do Before Updating to the Newest Version of Zakra?\u00a0\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/zakratheme.com\/blog\/zakra-3-0\/#whats-new-in-zakra-30-and-pro-20\" >What\u2019s New in Zakra 3.0 and Pro 2.0?&nbsp;<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/zakratheme.com\/blog\/zakra-3-0\/#a-design-enhancement\" >A. Design Enhancement&nbsp;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/zakratheme.com\/blog\/zakra-3-0\/#b-customind-refactor\" >B. Customind Refactor&nbsp;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/zakratheme.com\/blog\/zakra-3-0\/#c-customizer-option-refactor\" >C. Customizer Option Refactor&nbsp;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/zakratheme.com\/blog\/zakra-3-0\/#d-code-refactor\" >D. Code Refactor&nbsp;<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/zakratheme.com\/blog\/zakra-3-0\/#troubleshooting-common-issues-following-zakra-30-and-pro-20-updates\" >Troubleshooting Common Issues Following Zakra 3.0 and Pro 2.0 Updates&nbsp;<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/zakratheme.com\/blog\/zakra-3-0\/#1-caching-problem-broken-design\" >1. Caching Problem (Broken Design)&nbsp;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/zakratheme.com\/blog\/zakra-3-0\/#2-migration-issues\" >2. Migration Issues&nbsp;<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/zakratheme.com\/blog\/zakra-3-0\/#ready-to-discover-the-power-of-zakra-30-and-pro-20\" >Ready to Discover the Power of Zakra 3.0 and Pro 2.0?&nbsp;<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"major-motives-behind-zakra-30-and-pro-20-update\"><\/span>Major Motives Behind Zakra 3.0 and Pro 2.0 Update&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>We believe in adapting and keeping pace with the constantly evolving web landscape.&nbsp;&nbsp;<\/p>\n\n\n\n<p>And that\u2019s why we\u2019ve left no stone unturned to maximize the potential of our multipurpose WordPress theme, i.e., <a href=\"https:\/\/zakratheme.com\/\">Zakra<\/a>.&nbsp;<\/p>\n\n\n\n<p>We aim to offer you unmatched performance, exquisite personalization options, and enhanced flexibility with Zakra 3.0 and Pro 2.0.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"770\" height=\"512\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/07\/Zakra-3.0-and-pro-release.jpg\" alt=\"Zakra 3.0 and Pro 2.0 Release\" class=\"wp-image-18526\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/07\/Zakra-3.0-and-pro-release.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/07\/Zakra-3.0-and-pro-release-300x199.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/07\/Zakra-3.0-and-pro-release-768x511.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n\n\n\n<p>\u00a0Thus, it&#8217;ll enable you to create your ideal website with greater convenience effortlessly.\u00a0<\/p>\n\n\n\n<p>&nbsp;And with that said, it\u2019s time to know what\u2019s exclusive in our Zakra 3.0 and Pro 2.0.&nbsp;&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p> <h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"what-to-do-before-updating-to-the-newest-version-of-zakra\"><\/span>What to do Before Updating to the Newest Version of Zakra?\u00a0\u00a0<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-size: revert;\">Before proceeding with Zakra 3.0 and Pro 2.0, we recommend creating a backup of your website.<\/span><\/p>\n\n\n\n<p><span style=\"font-size: revert;\">It\u2019s a crucial step to ensure that you can restore your website if any issue arises during the update process.&nbsp;<\/span><\/p>\n\n\n\n<p><p><span style=\"font-size: revert;\">Additionally, we advise taking a screenshot or recording your code settings and configurations. Ensure you keep them in a secure location if you need them for future reference.\u00a0 <\/span><\/p><\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f1f1f1\"><strong>If you have any questions, need assistance, or run into issues, kindly contact our support team via contact forms or live chat without any hesitation.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-align-center wp-element-button\" href=\"https:\/\/zakratheme.com\/support\/\" style=\"border-radius:15px\" target=\"_blank\" rel=\"noreferrer noopener\">Contact Us for Support!<\/a><\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"whats-new-in-zakra-30-and-pro-20\"><\/span>What\u2019s New in Zakra 3.0 and Pro 2.0?&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>In Zakra 3.0 and Pro 2.0, we\u2019ve mainly focused on <strong>overall design improvements, layouts, responsiveness, customizability,<\/strong> etc.&nbsp;&nbsp;<\/p>\n\n\n\n<p>So, let\u2019s get to know each of the Zakra updates in detail now.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"a-design-enhancement\"><\/span>A. Design Enhancement&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>The visual appearance makes a big difference in impressing and engaging users on your website.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Therefore, to help you make a positive impression on your visitors, we\u2019ve improved the<strong> front page designs, layouts, default block design<\/strong>, and more.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Thus, let\u2019s talk about these <strong>front-end improvements<\/strong> now!&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">1. Front-end Pages Improvement&nbsp;<\/h4>\n\n\n\n<p>The default pages, such as the <strong>Home Page, Single Post Page, Blog Page, Sample Page, and Category Page,<\/strong> have significantly been redesigned for better readability.&nbsp;<\/p>\n\n\n\n<p>There\u2019s a substantial improvement to the color contrast on these pages and to the sidebar.&nbsp;<\/p>\n\n\n\n<p>Specifically, we\u2019ve refined the <strong>Widget Title Style, Search Widget Style, and Link Hover Style<\/strong> of the sidebar, enhancing its overall design with a more professional touch.&nbsp;<\/p>\n\n\n\n<p>Likewise, the <strong>404 Page<\/strong> was quite plain and unremarkable in the previous version.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/old-404-page.jpg\" alt=\"Old 404 Page\" class=\"wp-image-18255\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/old-404-page.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/old-404-page-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/old-404-page-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">Old 404 Page<\/figcaption><\/figure>\n\n\n\n<p>Contrarily, in the latest update, the 404 Page has been revamped for a visually appealing experience. It now showcases an attractive image and presents a clear message indicating the page cannot be found.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Additionally, it includes a convenient link that directs users back to the homepage, ensuring seamless navigation.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/new-404-page.jpg\" alt=\"New 404 Page Zakra 3.0 Update\" class=\"wp-image-18258\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/new-404-page.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/new-404-page-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/new-404-page-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">New 404 Page<\/figcaption><\/figure>\n\n\n\n<p>Besides, we also have refined the <strong>Search Result Page<\/strong> for a better user experience.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/search-result-page.jpg\" alt=\"Search Result Page Zakra 3.0 Update\" class=\"wp-image-18259\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/search-result-page.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/search-result-page-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/search-result-page-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">Search Result Page<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">2. Layouts Refinement&nbsp;<\/h4>\n\n\n\n<p>The header and footer layouts are pivotal in ensuring a seamless user experience. That&#8217;s why we\u2019ve upgraded the designs of the header, footer, as well as blog layouts.&nbsp;<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Header Layouts&nbsp;<\/h5>\n\n\n\n<p>Previously, there were<strong> three style options<\/strong> available for the <strong>Header Main <\/strong>area.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/old-header-layout.jpg\" alt=\"Old Header Layout\" class=\"wp-image-18261\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/old-header-layout.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/old-header-layout-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/old-header-layout-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">Old Header Layout<\/figcaption><\/figure>\n\n\n\n<p>However, these style options are now redistributed into different layouts with advanced styles.&nbsp;<\/p>\n\n\n\n<p>There are a total of <strong>three layouts<\/strong> available. Nevertheless, only two are available with the free Zakra 3.0 version.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/new-header-layout.jpg\" alt=\"New Header Layout\" class=\"wp-image-18264\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/new-header-layout.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/new-header-layout-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/new-header-layout-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">New Header Layout\n<\/figcaption><\/figure>\n\n\n\n<p><strong>Layout 1<\/strong> has three styles: Logo<strong> Left-Menu Right<\/strong>, <strong>Logo Right-Menu Left<\/strong>, and <strong>Logo and Menu Center<\/strong>.&nbsp; &nbsp;<\/p>\n\n\n\n<p>In <strong>Layout 2<\/strong>, you\u2019ll see a two-row style. Further, with Zakra Pro 2.0, Layout 2 provides a range of style choices enabling you to modify the logo\u2019s position.&nbsp;&nbsp;<\/p>\n\n\n\n<p>It means you\u2019ll be free to place the logo anywhere within the layout.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Additionally, Zakra Pro also offers you <strong>Layout 3<\/strong> with a dual menu. Menu 1 appears at the top left side, Menu 2 appears at the top right side, and the logo appears at the center.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Also, the previously available <strong>Full Width<\/strong> option has been transitioned to the <strong>Main Header Container Layout<\/strong> with the following three choices.&nbsp;&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Container Full Width \/ Content Contained:<\/strong> In this option, the container spans the full width of the screen while the content remains within a specified width.&nbsp;<\/li>\n\n\n\n<li><strong>Container Full Width \/ Content Stretched:<\/strong> In this option, the container occupies the entire screen width, and the content is stretched to fill the available space.&nbsp;<\/li>\n\n\n\n<li><strong>Container Contained \/ Content Contained:<\/strong> This option restricts both the container and the content within a specified width, ensuring a contained and structured layout.&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/container-layout.jpg\" alt=\"Container Layout\" class=\"wp-image-18338\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/container-layout.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/container-layout-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/container-layout-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">Container Layout<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h5 class=\"wp-block-heading\">Footer Layouts&nbsp;<\/h5>\n\n\n\n<p>In the previous versions, the footer styles lacked visual appeal and appeared bland.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/old-footer-layout.jpg\" alt=\"Old Footer Layout\" class=\"wp-image-18266\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/old-footer-layout.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/old-footer-layout-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/old-footer-layout-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">Old Footer Layout<\/figcaption><\/figure>\n\n\n\n<p>However, in the latest update, we\u2019ve introduced advanced style options for the footer section.&nbsp;<\/p>\n\n\n\n<p>These new style options include fascinating features such as color overlays, which enhance the overall look and feel of the footer section.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/new-footer-layout.jpg\" alt=\"New Footer Layout\" class=\"wp-image-18269\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/new-footer-layout.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/new-footer-layout-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/new-footer-layout-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">New Footer Layout<\/figcaption><\/figure>\n\n\n\n<p>Furthermore, the Zakra Pro, on the other hand, provides two-Footer column layouts: Layout 1 and Layout 2.&nbsp;&nbsp;<\/p>\n\n\n\n<p><strong>Layout 1<\/strong> has <strong>One Row<\/strong> style, which allows for a single-row design.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Contrarily, <strong>Layout 2<\/strong> comes with the <strong>Two-Row<\/strong> style, enabling a layout with two rows. Thus, you get more options to customize your footer column.&nbsp;&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h5 class=\"wp-block-heading\">Blog Layouts&nbsp;&nbsp;<\/h5>\n\n\n\n<p>The previous blog styles, <strong>Default<\/strong> and <strong>Thumbnail, <\/strong>available in the premium Zakra theme, have been merged into <strong>Layout 1<\/strong> in Zakra Pro 2.0.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/thumbnail-blog-layout.jpg\" alt=\"Thumbnail Blog Layout\" class=\"wp-image-18339\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/thumbnail-blog-layout.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/thumbnail-blog-layout-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/thumbnail-blog-layout-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">Thumbnail Blog Layout<\/figcaption><\/figure>\n\n\n\n<p>Likewise, the <strong>Grid<\/strong> style has been relocated to <strong>Layout 2<\/strong>, which now includes Advanced Style options to highlight the posts based on the grid style column.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/blog-grid-layout.jpg\" alt=\"Blog Grid Layout\" class=\"wp-image-18340\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/blog-grid-layout.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/blog-grid-layout-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/blog-grid-layout-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">Blog Grid Layout<\/figcaption><\/figure>\n\n\n\n<p>Also, in addition to the existing styles, new layout options like <strong>Bordered<\/strong> and <strong>Boxed<\/strong> have been added to enhance the <strong>Post Box<\/strong> style.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/post-box-layout.jpg\" alt=\"Post Box Layout\" class=\"wp-image-18341\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/post-box-layout.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/post-box-layout-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/post-box-layout-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">Post Box Layout<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">3. Default Block Design Enhancement&nbsp;<\/h4>\n\n\n\n<p>Zakra 3.0 also introduces an enhanced default WordPress block design.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/default-block-design.jpg\" alt=\"Default Block Design\" class=\"wp-image-18345\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/default-block-design.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/default-block-design-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/default-block-design-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">Default Block Design<\/figcaption><\/figure>\n\n\n\n<p>It means there\u2019s an improvisation on how the paragraphs, headings, images, buttons, and other default WordPress blocks appear on your site.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Furthermore, the HTML tags and block codes have been refined, contributing to the overall aesthetic appeal of your content.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/html-tags.jpg\" alt=\"HTML Tags\" class=\"wp-image-18343\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/html-tags.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/html-tags-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/html-tags-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">HTML Tags<\/figcaption><\/figure>\n\n\n\n<p>These enhancements ensure that your website&#8217;s content is visually pleasing and engaging for your audience.&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">4. Other Component Improvements&nbsp;<\/h4>\n\n\n\n<p>In addition to the previously mentioned updates, there\u2019s a significant change in the <strong>Search Bar<\/strong> of the header.&nbsp;<\/p>\n\n\n\n<p>Previously, the Search Bar appeared congested, with limited space for entering search queries.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/old-header-search-bar.jpg\" alt=\"Old Header Search Bar\" class=\"wp-image-18346\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/old-header-search-bar.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/old-header-search-bar-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/old-header-search-bar-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">Old Header Search Bar<\/figcaption><\/figure>\n\n\n\n<p>However, now it features an <strong>expanded search space<\/strong>, allowing you to enter your queries comfortably.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/header-search-bar.jpg\" alt=\"Header Search Bar\" class=\"wp-image-18275\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/header-search-bar.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/header-search-bar-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/header-search-bar-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">Header Search Bar<\/figcaption><\/figure>\n\n\n\n<p>Furthermore, we&#8217;ve implemented a background color overlay to enhance the user experience.&nbsp;&nbsp;<\/p>\n\n\n\n<p>It\u2019s also worth noting that you can enable or disable the header search feature as per your preference.&nbsp;<\/p>\n\n\n\n<p>Likewise, we&#8217;ve also switched from a desktop-first design to a mobile-first design of the theme, as almost half of the web traffic is generated from the mobile.<\/p>\n\n\n\n<p>Thus, we&#8217;ve also polished the <strong>Mobile Menu<\/strong> to ensure seamless adaptability on any device.&nbsp;&nbsp;<\/p>\n\n\n\n<p>So, you can rest assured that your website will appear perfectly on mobile screens without any concerns.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/mobile-menu.jpg\" alt=\"Mobile Menu\" class=\"wp-image-18277\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/mobile-menu.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/mobile-menu-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/mobile-menu-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">Mobile Menu<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"b-customind-refactor\"><\/span>B. Customind Refactor&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>The next big change introduced in Zakra 3.0 and Pro 2.0 is the Customind refactor. To put it simply, Customind refactor refers to the improvement in the core library of the theme itself.&nbsp;<\/p>\n\n\n\n<p>The new controls and settings introduced are as follows.&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Units Selector Settings:<\/strong> It\u2019s a newly added setting that enables you to choose from units like px, em, rem, %, etc., for your font size, line spacing, dimensions, and so on.&nbsp;&nbsp;<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/unit-selector-settings.jpg\" alt=\"Unit Selector Settings\" class=\"wp-image-18279\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/unit-selector-settings.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/unit-selector-settings-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/unit-selector-settings-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">Unit Selector Settings<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li><strong>Responsive Switcher Settings:<\/strong> This setting is enhanced with a slider control option along with the direct font size input option. You can hover your mouse and click on the required device icon to adjust and configure the settings accordingly.&nbsp;&nbsp;<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/responsive-switcher-settings.jpg\" alt=\"Responsive Switcher Settings\" class=\"wp-image-18283\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/responsive-switcher-settings.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/responsive-switcher-settings-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/responsive-switcher-settings-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">Responsive Switcher Settings<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li><strong>Input Binding Settings:<\/strong> It\u2019s a new setting to enable you to bind your input values in all inputs while setting dimensions.&nbsp;&nbsp;<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/input-binding-settings.jpg\" alt=\"Input Binding Settings\" class=\"wp-image-18285\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/input-binding-settings.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/input-binding-settings-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/input-binding-settings-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">Input Binding Settings<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li><strong>Reset Settings:<\/strong> It\u2019s yet another new setting introduced. It allows you to revert your settings back to default and re-configure it.&nbsp;<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/reset-settings.jpg\" alt=\"Reset Settings\" class=\"wp-image-18287\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/reset-settings.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/reset-settings-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/reset-settings-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">Reset Settings<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\">\n<li><strong>Typography Settings: <\/strong>Formerly, the users had to input the values to configure font size, line height, letter spacing, etc. But now, it\u2019s replaced by a convenient slider control option that enables you to configure the typography settings smoothly.&nbsp;&nbsp;<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/slider-control.jpg\" alt=\"Slider Control in Typography Settings\" class=\"wp-image-18288\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/slider-control.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/slider-control-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/slider-control-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">Slider Control in Typography Settings<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"6\">\n<li><strong>Subtitle Control:<\/strong> It\u2019s a newly launched setting option to grant you full control over the subheadings.&nbsp;&nbsp;<\/li>\n<\/ol>\n\n\n\n<ol class=\"wp-block-list\" start=\"7\">\n<li><strong>Background Control:<\/strong> The design of the color picker and image upload section has also been enhanced in the Background Control option.&nbsp;&nbsp;<br>&nbsp;<\/li>\n\n\n\n<li><strong>Color Control:&nbsp;<\/strong>The color picker, interactive saturation slider, and color palette have undergone a comprehensive design overhaul.&nbsp;<br>&nbsp;<\/li>\n\n\n\n<li><strong>Sortable Control: <\/strong>There\u2019s an improvement to the design, such as replacing the hide\/show eye icons with a toggle control. Additionally, the arrangement has been enhanced with draggable elements and clear labeling.&nbsp;<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/sortable-controls.jpg\" alt=\"Sortable Controls\" class=\"wp-image-18355\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/sortable-controls.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/sortable-controls-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/sortable-controls-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">Sortable Control<\/figcaption><\/figure>\n\n\n\n<p>10. <strong>Radio Images:<\/strong> We\u2019ve also enhanced the design of the Radio Image icons for clarity.&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"c-customizer-option-refactor\"><\/span>C. Customizer Option Refactor&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>We wanted to ensure that our users can effortlessly navigate and locate the necessary theme settings to customize their site according to their preferences.&nbsp;&nbsp;<\/p>\n\n\n\n<p>That&#8217;s why we\u2019ve also restructured and consolidated different customizer settings, grouping relevant options in a single location for easy access.&nbsp;<\/p>\n\n\n\n<p>Here\u2019s a list of the customizer options we\u2019ve revamped in Zakra 3.0:&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Global&nbsp;&nbsp;<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Colors:<\/strong> All the color controls for the header, link, base, etc., have been relocated under a <strong>Color<\/strong> section for easy access.&nbsp;&nbsp;<\/li>\n\n\n\n<li><strong>Container: <\/strong>The Background section has been included within the Container section while the Container layouts are moved to its extended section, Content Area.<strong>&nbsp;<\/strong>&nbsp;<\/li>\n\n\n\n<li><strong>Content Area:<\/strong> This section provides <strong>Bordered and Boxed layout<\/strong> options for the content.&nbsp;&nbsp;<\/li>\n\n\n\n<li><strong>Sidebar: <\/strong>Additional Default layouts have been added to manage the entire area&#8217;s sidebar seamlessly. When a specific area&#8217;s sidebar is set to default, the chosen default layout is applied automatically.&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/default-sidebar-layout-option.jpg\" alt=\"Default Sidebar Layout Option\" class=\"wp-image-18289\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/default-sidebar-layout-option.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/default-sidebar-layout-option-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/default-sidebar-layout-option-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">Default Sidebar Layout Option<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Header &amp; Navigation&nbsp;<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Site Identity: <\/strong>The options under this section have undergone significant rearrangements for placing the respective control together for your convenience. Moreover, you can now control the <strong>site title<\/strong> and <strong>tagline<\/strong> individually, unlike the previous setting options.&nbsp;&nbsp;<\/li>\n\n\n\n<li><strong>Top Bar:<\/strong> A new layout option for the top bar offers you two choices: <strong>Layout 1 (single-column layout)<\/strong> and <strong>Layout 2 (two-column layout)<\/strong>. Further, a new alignment style has been introduced to complement the new Layout 1.&nbsp;&nbsp;<\/li>\n\n\n\n<li><strong>Button:<\/strong> The <strong>Header Button<\/strong> and <strong>Header Button Two<\/strong> has been consolidated within the <strong>Button<\/strong> section. So, you can now choose which of the respective buttons you want to display on your website.&nbsp;<\/li>\n\n\n\n<li><strong>Drawer Menu:<\/strong> The <strong>Drawer Menu<\/strong> has been separated from the previous <strong>Header Main Area <\/strong>section and relocated to a newly created section. This dedicated section lets you to customize the appearance and behavior of the drawer menu conveniently.&nbsp;<\/li>\n\n\n\n<li><strong>Sticky Header:<\/strong> The toggle option to enable <strong>Sticky Header<\/strong> has been replaced with the <strong>Enable layouts<\/strong>. Thus, you can now choose the <strong>None<\/strong> option to disable the Sticky Header or select another option to enable the functionality.&nbsp;<\/li>\n\n\n\n<li><strong>Transparent Header:<\/strong> We\u2019ve enhanced the control settings for enabling <strong>Transparent Header<\/strong> feature on 404, search, archive pages, and the front page. Rather than a single toggle, we\u2019ve introduced checkboxes for each page allowing independent enabling or disabling of features for specific pages.&nbsp;<\/li>\n\n\n\n<li><strong>Page Header:<\/strong> The <strong>Page Header <\/strong>option has been relocated to Header &amp; Navigation from the Content section. It enables you to control both the page header and page title. And you also efficiently customize the header&#8217;s layout, background, typography, etc., from here.&nbsp;&nbsp;<\/li>\n\n\n\n<li><strong>Primary Menu:<\/strong> The previous subsections of Menu have been consolidated into a single section called <strong>Primary Menu<\/strong>. Moreover, the options are rearranged with the updated controls.&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"400\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/primary-menu-section.jpg\" alt=\"Primary Menu Section\" class=\"wp-image-18292\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/primary-menu-section.jpg 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/primary-menu-section-300x156.jpg 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2023\/06\/primary-menu-section-768x399.jpg 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><figcaption class=\"wp-element-caption\">Primary Menu Section<\/figcaption><\/figure>\n\n\n\n<p>Besides, several <strong>Content <\/strong>and <strong>Footer<\/strong> components have also been reorganized and grouped together to ensure easy navigation and convenient customization for our users.&nbsp;&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"d-code-refactor\"><\/span>D. Code Refactor&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Adhering to the <strong>latest coding standards<\/strong> is essential for eliminating compatibility issues with underlying software like <a href=\"https:\/\/zakratheme.com\/blog\/what-is-wordpress-and-how-to-use-it\/\">WordPress<\/a> and other <a href=\"https:\/\/zakratheme.com\/blog\/best-wordpress-plugins\/\">plugins and tools<\/a>.&nbsp;&nbsp;<\/p>\n\n\n\n<p>It\u2019s also important to minimize possible vulnerabilities and security breaches.&nbsp;&nbsp;<\/p>\n\n\n\n<p>That\u2019s precisely why we\u2019ve refactored the Zakra code following the latest coding standards.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Various code refactors and updates for the latest Zakra theme are enlisted below:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Well-managed SASS folder structure&nbsp;<\/li>\n\n\n\n<li>Consistent HTML markup and CSS classes throughout the theme&nbsp;<\/li>\n\n\n\n<li>Consistent theme file\/folder structure, PHP classes&nbsp;<\/li>\n\n\n\n<li>Replacement of Float with Flex\/Grid property for improved layout control, responsiveness, and cross-browser compatibility&nbsp;<\/li>\n\n\n\n<li>Mobile-first CSS for responsiveness and adaptive designs&nbsp;<\/li>\n\n\n\n<li>Utilization of CSS variables for enhanced theme flexibility&nbsp;<\/li>\n\n\n\n<li>Replacement of Font Awesome and PNG icons with SVG icons for an improved speed&nbsp;<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"troubleshooting-common-issues-following-zakra-30-and-pro-20-updates\"><\/span>Troubleshooting Common Issues Following Zakra 3.0 and Pro 2.0 Updates&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>While updating to Zakra 3.0 and Pro 2.0, you might run into some design issues such as unnatural font size, icons, lack of styling, and so on. &nbsp;<\/p>\n\n\n\n<p>You may encounter these common issues&nbsp;due to <strong>caching problems (broken design) <\/strong>and <strong>migration issues<\/strong>. &nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1-caching-problem-broken-design\"><\/span>1. Caching Problem (Broken Design)&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>If you update the theme and it\u2019s taking time to display the latest design, it probably might be due to two major reasons.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\" start=\"1\">\n<li>Your hosting provider has enabled the site cache.&nbsp;<\/li>\n\n\n\n<li>You\u2019ve used <a href=\"https:\/\/zakratheme.com\/blog\/best-wordpress-cache-plugins\/\">WordPress caching plugins<\/a>. &nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Thus, to fix this issue, you need to clear the cache:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\" start=\"1\">\n<li>If you\u2019ve used caching plugin, clear the cache using the plugin\u2019s settings.&nbsp;<\/li>\n\n\n\n<li>If the above method doesn\u2019t work, request your hosting company to clear the cache. &nbsp;<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2-migration-issues\"><\/span>2. Migration Issues&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>If you\u2019ve imported and customized any of the Zakra demos previously and are experiencing design issues after updating to the latest Zakra version, there is a simple solution. &nbsp;<\/p>\n\n\n\n<p>Just click on the &#8220;<strong>Fix Data Migration<\/strong>&#8221; notice that appears on your dashboard, and it\u2019ll&nbsp;fix the problem.&nbsp;<\/p>\n\n\n\n<p>If you encounter any inconvenience, please feel free to reach out to our <a href=\"https:\/\/zakratheme.com\/support\/\" target=\"_blank\" rel=\"noreferrer noopener\">customer support team<\/a>. &nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"ready-to-discover-the-power-of-zakra-30-and-pro-20\"><\/span>Ready to Discover the Power of Zakra 3.0 and Pro 2.0?&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>With our <strong>newest Zakra version<\/strong>, you can experience a seamless website-building experience like never before.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Don\u2019t believe our words? Try it for yourself.&nbsp;&nbsp;<\/p>\n\n\n\n<p>If you\u2019re already a Zakra user, this update is free! You can easily upgrade to Zakra 3.0 with a click right from your WordPress dashboard.&nbsp;&nbsp;<\/p>\n\n\n\n<p>And if you haven\u2019t yet experienced Zakra, this is the right time to do so. With Zakra 3.0, you can <a href=\"https:\/\/zakratheme.com\/blog\/create-wordpress-website-with-elementor\/\">craft beautiful websites<\/a> of any niche and improve your online presence.&nbsp;&nbsp;<\/p>\n\n\n\n<p>For more advanced features, you can also upgrade to <a href=\"https:\/\/zakratheme.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Zakra <\/a><a href=\"https:\/\/zakratheme.com\/\">P<\/a><a href=\"https:\/\/zakratheme.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">ro<\/a>.&nbsp;<\/p>\n\n\n\n<p>Looking for help? Got some queries? Feel free to contact us <a href=\"https:\/\/zakratheme.com\/support\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>. Remember, we\u2019re here for you.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Lastly, don\u2019t forget to stay connected with us on <a href=\"https:\/\/www.facebook.com\/zakratheme\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Facebook<\/a> and <a href=\"https:\/\/twitter.com\/ThemeZakra\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Twitter<\/a>.&nbsp;&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you ready to unleash the potential of Zakra 3.0????&nbsp; We are happy to announce that the latest improved version of Zakra has been released on 18 July 2023.&nbsp; The best part is that we&#8217;ve also released Zakra Pro 2.0 simultaneously for our premium users.&nbsp;&nbsp; Our trusted theme has empowered users like you to create[&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":18522,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"zakra_general_container_width":0,"zakra_general_content_width":0,"zakra_general_sidebar_width":0,"zakra_sticky_header":"customizer","zakra_header_main_area":true,"zakra_site_logo_width":0,"zakra_header_top_enabled":"customizer","zakra_header_top_style":"customizer","zakra_primary_menu_item_style":"customizer","zakra_page_header_text_color":"","zakra_page_header_layout":"customizer","zakra_page_title_bg":"","zakra_footer_widgets_bg_image":0,"zakra_page_title_bg_repeat":"customizer","zakra_page_title_bg_position":"customizer","zakra_page_title_bg_size":"customizer","zakra_page_title_bg_attachment":"customizer","zakra_breadcrumbs_enabled":"customizer","zakra_breadcrumbs_text_color":"","zakra_breadcrumbs_separator_color":"","zakra_breadcrumbs_link_color":"","zakra_breadcrumbs_link_hover_color":"","zakra_page_title_bg_image":0,"zakra_footer_widgets_enabled":"customizer","zakra_footer_column_layout_1_style":"customizer","zakra_footer_widgets_bg":"","zakra_footer_widgets_bg_repeat":"customizer","zakra_footer_widgets_bg_position":"customizer","zakra_footer_widgets_bg_size":"customizer","zakra_footer_widgets_bg_attachment":"customizer","zakra_footer_bar_enabled":"customizer","zakra_footer_bar_style":"customizer","zakra_sidebar_layout":"customizer","zakra_remove_content_margin":false,"zakra_sidebar":"customizer","zakra_transparent_header":"customizer","zakra_logo":0,"zakra_main_header_style":"default","zakra_menu_item_color":"","zakra_menu_item_hover_color":"","zakra_menu_item_active_color":"","zakra_menu_active_style":"","zakra_page_header":true,"_tgsc_single_post_sidebar":"sidebar-right","_tgsc_single_post_disable_author_box":false,"_tgsc_blog_last_modified_date":[],"footnotes":""},"categories":[1206],"tags":[],"class_list":["post-18232","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"_links":{"self":[{"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/posts\/18232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/comments?post=18232"}],"version-history":[{"count":70,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/posts\/18232\/revisions"}],"predecessor-version":[{"id":18527,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/posts\/18232\/revisions\/18527"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/media\/18522"}],"wp:attachment":[{"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/media?parent=18232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/categories?post=18232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/tags?post=18232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}