{"id":3117,"date":"2025-06-12T04:02:41","date_gmt":"2025-06-12T04:02:41","guid":{"rendered":"https:\/\/www.woohelpdesk.com\/blog\/?p=3117"},"modified":"2025-10-08T07:19:58","modified_gmt":"2025-10-08T07:19:58","slug":"fix-elementor-z-index-not-working","status":"publish","type":"post","link":"https:\/\/www.woohelpdesk.com\/blog\/fix-elementor-z-index-not-working\/","title":{"rendered":"Elementor z-index Not Working? Here\u2019s How to Fix It Step by Step"},"content":{"rendered":"<h2>Table of Contents<\/h2>\n<ul>\n<li style=\"list-style-type: none;\"><\/li>\n<\/ul>\n<ul>\n<li><a href=\"#section-1\">Introduction<\/a><\/li>\n<li><a href=\"#section-2\">What is z-index in Elementor?<\/a><\/li>\n<li><a href=\"#section-3\">How z-index Works in Simple Terms<\/a><\/li>\n<li><a href=\"#section-4\">What Causes z-index to Fail in Elementor?<\/a><\/li>\n<li><a href=\"#section-5\">Common Signs of z-index Problems in Elementor<\/a><\/li>\n<li><a href=\"#section-6\">Step-by-Step Guide \u2013 How to Fix Elementor z-index Issues<\/a><\/li>\n<li><a href=\"#section-7\">Real Use Cases and How to Fix z-index Problems<\/a><\/li>\n<li><a href=\"#section-8\">Best Practices and Final Tips to Avoid z-index Problems<\/a><\/li>\n<li><a href=\"#section-9\">Conclusion<\/a><\/li>\n<\/ul>\n<h2 id=\"section-1\">Introduction<\/h2>\n<p>Elementor is one of the most popular WordPress page builders today. It helps users create stunning pages without writing code. But sometimes, it does not behave the way we expect. One common issue many users face is a <strong>z-index problem<\/strong>. You might have seen elements not stacking properly. A dropdown menu could appear behind an image. Or a sticky header might disappear when you scroll. If that sounds familiar, you&#8217;re not alone.<\/p>\n<p>This article will help you fix these issues. We will walk through simple explanations and real solutions. You\u2019ll learn why your <strong>Elementor z-index is not working<\/strong> and how to solve it step-by-step. Whether you\u2019re a beginner or a pro, this guide will help make your layouts look right.<\/p>\n<h2 id=\"section-2\">What is z-index in Elementor?<\/h2>\n<p>To understand the problem, let\u2019s start with the basics.<\/p>\n<p>The <strong>z-index<\/strong> is a CSS property. It controls the layer order of elements on your page. Think of it like stacks of paper. The higher the z-index number, the closer it is to the top.<\/p>\n<p>In Elementor, each section, column, or widget can have a z-index value. When elements overlap, the z-index decides which one is shown in front. But if Elementor&#8217;s z-index settings are not set right, it can cause problems like:<\/p>\n<ul>\n<li>Menus hidden behind sections<\/li>\n<li>Sticky headers not visible<\/li>\n<li>Buttons or images overlapping wrongly<\/li>\n<\/ul>\n<p>Sometimes, these issues come from conflicting settings. Other times, they come from parent containers or custom themes.<\/p>\n<h2 id=\"section-3\">How z-index Works in Simple Terms<\/h2>\n<p>Here\u2019s a simple way to think about it:<\/p>\n<ul>\n<li>A <strong>lower z-index<\/strong> means the element is in the back.<\/li>\n<li>A <strong>higher z-index<\/strong> puts the element in front.<\/li>\n<\/ul>\n<p>But z-index only works when elements are positioned. That means using:<\/p>\n<ul>\n<li>position: relative<\/li>\n<li>position: absolute<\/li>\n<li>position: fixed<\/li>\n<\/ul>\n<p>If the element\u2019s position is set to \u201cdefault\u201d or \u201cstatic,\u201d z-index won\u2019t apply. That\u2019s where many users get stuck. Elementor might allow you to set a z-index number. But if positioning isn\u2019t active, it does nothing.<\/p>\n<h2 id=\"section-4\">What Causes z-index to Fail in Elementor?<\/h2>\n<p>Some common reasons include:<\/p>\n<ul>\n<li>Incorrect or missing element positioning<\/li>\n<li>Theme CSS rules overriding Elementor settings<\/li>\n<li>Plugin conflicts affecting layout<\/li>\n<li>Nested containers blocking z-index values<\/li>\n<\/ul>\n<p>These can lead to what many call the <strong>\u201cElementor z-index issue\u201d<\/strong>.<\/p>\n<h2 id=\"section-5\">Common Signs of z-index Problems in Elementor<\/h2>\n<p><strong>How Do You Know There&#8217;s a z-index Issue?<\/strong><\/p>\n<p>You may not always realize the problem is with z-index. But Elementor layout issues often point to it. If something looks off visually, z-index might be the reason.<\/p>\n<p>Let\u2019s look at the most common signs that your Elementor z-index is not working.<\/p>\n<p><strong>Dropdown Menus Are Hidden Behind Other Elements<\/strong><\/p>\n<p>This is one of the most reported issues. You build a header with a dropdown menu. But when you hover, the dropdown hides behind a banner or section.<\/p>\n<p>It can be confusing at first. You may think the menu is broken. But in most cases, it&#8217;s a <strong>z-index conflict<\/strong>.<\/p>\n<p>Here\u2019s what could be happening:<\/p>\n<ul>\n<li>The menu has a <strong>lower z-index<\/strong> than the section below.<\/li>\n<li>The menu&#8217;s parent container is not positioned.<\/li>\n<li>A global header setting is being overwritten by a theme.<\/li>\n<\/ul>\n<p>These problems can make your Elementor dropdown menu z-index behave incorrectly.<\/p>\n<p><strong>Sticky Header Disappears on Scroll<\/strong><\/p>\n<p>Another common issue is the sticky header. You set your header to stick to the top. But as you scroll, it goes behind other sections.<\/p>\n<p>This happens because the section below has a <strong>higher z-index<\/strong>. Your header is there but hidden behind other layers.<\/p>\n<p>Why does this happen?<\/p>\n<ul>\n<li>The sticky header z-index is too low.<\/li>\n<li>The page content has overlapping containers.<\/li>\n<li>A plugin or theme sets a higher z-index for body elements.<\/li>\n<\/ul>\n<p>To fix it, you must adjust the z-index for your sticky header manually.<\/p>\n<p><strong>Widgets Are Overlapping or Stacking Wrong<\/strong><\/p>\n<p>Widgets that stack on top of each other can also point to issues.<\/p>\n<p>You may see:<\/p>\n<ul>\n<li>Buttons hidden behind images<\/li>\n<li>Text overlapping background videos<\/li>\n<li>Pop-ups appearing behind sections<\/li>\n<\/ul>\n<p>These are usually caused by conflicting z-index values.<\/p>\n<p>In all these cases, Elementor is not the problem alone. It\u2019s often a mix of z-index setup, positioning, and external code.<\/p>\n<h2 id=\"section-6\">Step-by-Step Guide \u2013 How to Fix Elementor z-index Issues<\/h2>\n<p>If your elements in Elementor are overlapping the wrong way, or some items (like headers or dropdowns) are hiding behind others, the issue is likely related to <strong>z-index<\/strong>. In this part, we\u2019ll walk through <strong>exact steps<\/strong> to fix common z-index problems in Elementor.<br \/>\n<a href=\"https:\/\/www.woohelpdesk.com\/wp-service\/elementor-z-index-not-working\/\"><img decoding=\"async\" src=\"https:\/\/www.woohelpdesk.com\/blog\/wp-content\/uploads\/2025\/10\/Elementor-Z-Index-Not-Working-1.png\" alt=\"\nElementor Z-Index Not Working \" \/><\/a><\/p>\n<p><strong>Step 1: Set the Correct Position for the Element<\/strong><\/p>\n<p>Z-index only works if the element has a <strong>position setting<\/strong>. By default, elements in Elementor are set to &#8220;static,&#8221; and z-index won\u2019t apply to static elements.<\/p>\n<p><strong>How to fix:<\/strong><\/p>\n<ol>\n<li>Click on the element (section, column, or widget) that has the issue.<\/li>\n<li>In the <strong>left panel<\/strong>, click the <strong>Advanced<\/strong> tab.<\/li>\n<li>Scroll down and expand the <strong>Positioning<\/strong> section.<\/li>\n<li>Set <strong>Position<\/strong> to:\n<ul>\n<li>Relative (recommended in most cases)<\/li>\n<li>Or Absolute if you want it to float above others<\/li>\n<\/ul>\n<\/li>\n<li>Now, go to the <strong>Z-Index<\/strong> field and enter a value like <strong>100<\/strong> or <strong>999<\/strong>.<\/li>\n<\/ol>\n<p>This tells Elementor that the element should stack above lower z-index layers.<\/p>\n<p><strong>Step 2: Use Navigator to See Layer Order<\/strong><\/p>\n<p>Elementor has a built-in <strong>Navigator<\/strong> that shows all your page sections and widgets.<\/p>\n<p><strong>Why this helps:<br \/>\n<\/strong>\u00a0If elements are layered incorrectly, you can visually rearrange them.<\/p>\n<p><strong>How to use Navigator:<\/strong><\/p>\n<ol>\n<li>At the bottom of the Elementor editor, click the <strong>Navigator icon<\/strong> (or right-click any widget &gt; Navigator).<\/li>\n<li>The list shows all elements in the order they are layered.<\/li>\n<li>Drag and drop elements to adjust which ones appear in front or back.<\/li>\n<\/ol>\n<p>\ud83d\udd0d This helps fix <strong>overlapping widgets<\/strong> without changing z-index numbers.<\/p>\n<p><strong>Step 3: Compare and Adjust Z-Index Values<\/strong><\/p>\n<p>If two elements are overlapping, check and compare their z-index values.<\/p>\n<p><strong>How to check and change:<\/strong><\/p>\n<ol>\n<li>Select both overlapping elements one by one.<\/li>\n<li>In the <strong>Advanced &gt; Positioning<\/strong> section, look at the <strong>Z-Index<\/strong>.<\/li>\n<li>Make sure the element you want in front has a <strong>higher number<\/strong>.<\/li>\n<\/ol>\n<p>Example:<\/p>\n<ul>\n<li>Sticky Header: <strong>z-index 1000<\/strong><\/li>\n<li>Page Section: <strong>z-index 10<\/strong><\/li>\n<\/ul>\n<p>\ud83d\udee0\ufe0f Start with numbers like 10, 100, 999. You don\u2019t need large numbers unless needed.<\/p>\n<p><strong>Step 4: Check the Parent Container\u2019s Settings<\/strong><\/p>\n<p>Sometimes, the problem isn&#8217;t the widget itself, but the container it&#8217;s inside.<\/p>\n<p><strong>How to fix:<\/strong><\/p>\n<ol>\n<li>Click on the container or section that holds the element.<\/li>\n<li>Go to <strong>Advanced &gt; Positioning<\/strong>.<\/li>\n<li>Set <strong>Position<\/strong> to Relative if it&#8217;s not set.<\/li>\n<li>Set <strong>Z-Index<\/strong> to a proper number like <strong>100<\/strong> or more.<\/li>\n<\/ol>\n<p>\ud83d\udc40 If the parent has a lower z-index than the child element, it can block it. This is a known issue and is often called the <strong>&#8220;Elementor container z-index bug.&#8221;<\/strong><\/p>\n<p><strong>Step 5: Add Custom CSS (Only If Needed)<\/strong><\/p>\n<p>If the problem still isn&#8217;t fixed, you may need to apply CSS manually. This works only if you have <strong>Elementor Pro<\/strong>.<\/p>\n<p><strong>How to add custom CSS:<\/strong><\/p>\n<ol>\n<li>Click the element that\u2019s having the issue.<\/li>\n<li>Go to the <strong>Advanced tab<\/strong>.<\/li>\n<li>Scroll down to <strong>Custom CSS<\/strong>.<\/li>\n<li>Paste this code:<\/li>\n<\/ol>\n<div style=\"background-color: #f3f4f5; padding: 10px; border: 1px solid #ccc;\">\n<p>selector {<\/p>\n<p>position: relative;<\/p>\n<p>z-index: 999;<\/p>\n<p>}<\/p>\n<\/div>\n<p>This forces the browser to recognize the element&#8217;s z-index.<\/p>\n<h2 id=\"section-7\">Real Use Cases and How to Fix z-index Problems<\/h2>\n<p>Now that you understand how z-index works in Elementor, let\u2019s fix some <strong>real problems<\/strong> users face. This part covers dropdown menus, sticky headers, and off-canvas panels. Each has its own z-index challenge. We\u2019ll look at the cause and then show you how to fix it step by step.<\/p>\n<p><strong>Use Case 1: Dropdown Menu Appears Behind a Section<\/strong><\/p>\n<p><strong>The problem:<br \/>\n<\/strong>\u00a0You create a dropdown menu in your header. But when users hover or click, the menu is hidden behind a banner or other section.<\/p>\n<p><strong>Why it happens:<\/strong><\/p>\n<ul>\n<li>The menu&#8217;s z-index is too low.<\/li>\n<li>The section below has a higher z-index.<\/li>\n<li>The dropdown is inside a container without proper positioning.<\/li>\n<\/ul>\n<p><strong>How to fix it:<\/strong><\/p>\n<ol>\n<li>Edit your <strong>header section<\/strong> using Elementor.<\/li>\n<li>Click on the dropdown menu container.<\/li>\n<li>Go to <strong>Advanced &gt; Positioning<\/strong>.<\/li>\n<li>Set <strong>Position<\/strong> to Relative or Absolute.<\/li>\n<li>Set the <strong>z-index to 999<\/strong> or higher.<\/li>\n<li>Check the section below the header. Lower its z-index to avoid conflict.<\/li>\n<\/ol>\n<p>\ud83d\udd0d Pro tip: If you\u2019re using a theme builder, check that the entire header is above other global sections.<\/p>\n<p><strong>Use Case 2: Sticky Header Goes Behind Other Content<\/strong><\/p>\n<p><strong>The problem:<br \/>\n<\/strong>\u00a0You\u2019ve enabled a sticky header. But when scrolling down, the header disappears or hides behind content.<\/p>\n<p><strong>Why it happens:<\/strong><\/p>\n<ul>\n<li>The sticky header\u2019s z-index is too low.<\/li>\n<li>A section on the page has a higher stacking order.<\/li>\n<\/ul>\n<p><strong>How to fix it:<\/strong><\/p>\n<ol>\n<li>Click on the sticky header section in Elementor.<\/li>\n<li>Go to <strong>Advanced &gt; Motion Effects<\/strong>.<\/li>\n<li>Set <strong>Sticky<\/strong> to \u201cTop\u201d or based on your layout.<\/li>\n<li>Then, go to <strong>Advanced &gt; Positioning<\/strong>.<\/li>\n<li>Set <strong>Position<\/strong> to Fixed or Relative.<\/li>\n<li>Set a <strong>z-index of 1000 or more<\/strong>.<\/li>\n<\/ol>\n<p>\ud83d\udca1 Also check the first section of your page and reduce its z-index if needed.<\/p>\n<p>This solves most Elementor sticky header z-index problems.<\/p>\n<p><strong>Use Case 3: Off\u2011Canvas Panel Is Hidden or Doesn\u2019t Open Properly<\/strong><\/p>\n<p><strong>The problem:<br \/>\n<\/strong>\u00a0An off-canvas menu or popup opens but isn\u2019t fully visible. Sometimes, it appears behind other sections or disappears after opening.<\/p>\n<p><strong>Why it happens:<\/strong><\/p>\n<ul>\n<li>The popup or panel is loaded with a low z-index.<\/li>\n<li>A conflicting section or widget overlaps it.<\/li>\n<\/ul>\n<p><strong>How to fix it:<\/strong><\/p>\n<ol>\n<li>Edit the off\u2011canvas widget or popup in Elementor.<\/li>\n<li>Go to <strong>Advanced &gt; Positioning<\/strong>.<\/li>\n<li>Set <strong>Position<\/strong> to Fixed or Absolute.<\/li>\n<li>Set the <strong>z-index to 9999<\/strong> to ensure it appears above everything.<\/li>\n<li>Also, check the container it sits in. Set that container\u2019s position to Relative.<\/li>\n<\/ol>\n<p>\ud83c\udfaf If you\u2019re using a popup plugin, make sure it allows custom z-index control.<\/p>\n<p>This usually solves the Elementor off-canvas z-index issue in most themes.<\/p>\n<h2 id=\"section-8\">Best Practices and Final Tips to Avoid z-index Problems<\/h2>\n<p>Now that you know how to fix z-index problems in Elementor, it\u2019s just as important to prevent them. This final part shares tips to help you avoid future layout issues. These best practices will save you time and keep your designs clean.<\/p>\n<p><strong>Use Clear and Consistent Positioning<\/strong><\/p>\n<p>Always make sure the elements you want to control are positioned correctly. Z-index only works when an element has a position set to:<\/p>\n<ul>\n<li>Relative<\/li>\n<li>Absolute<\/li>\n<li>Fixed<\/li>\n<\/ul>\n<p>Avoid leaving items with the default setting (Static) if you plan to use z-index.<\/p>\n<p><strong>Use Logical z-index Values<\/strong><\/p>\n<p>Don\u2019t use high numbers like 9999 for every element. Instead, plan your z-index levels based on the type of content. Here\u2019s a helpful guide:<\/p>\n<ul>\n<li>Background sections: 1\u201310<\/li>\n<li>Images and widgets: 10\u2013100<\/li>\n<li>Dropdown menus: 500\u2013999<\/li>\n<li>Sticky headers: 1000+<\/li>\n<li>Popups and overlays: 9999<\/li>\n<\/ul>\n<p>This keeps your layout structured and avoids unnecessary conflicts.<\/p>\n<p><strong>Check Parent Containers<\/strong><\/p>\n<p>Sometimes, the issue is not with the element but its container. If the container has a low z-index or default position, it can block the child element.<\/p>\n<p><strong>Tip:<\/strong> Always check both the widget and its parent container when fixing layout problems.<\/p>\n<p><strong>Test on All Devices<\/strong><\/p>\n<p>A layout may look fine on desktop but break on mobile. Make sure to:<\/p>\n<ul>\n<li>Check z-index values in responsive mode<\/li>\n<li>Test dropdowns, headers, and menus across all screen sizes<\/li>\n<\/ul>\n<p>This helps avoid mobile display issues.<\/p>\n<h2 id=\"section-9\">Conclusion<\/h2>\n<p>Elementor makes it easy to design websites without code. But sometimes, small settings like z-index can cause big layout problems. The good news is \u2014 most of these issues are simple to fix.<\/p>\n<p>The key is to use proper positioning, set the right z-index values, and avoid conflicts with parent containers or plugins. Test your layout on all devices to ensure everything works smoothly.<\/p>\n<p>Still facing z-index issues or layout bugs in Elementor?<\/p>\n<p>\ud83d\udc49 <strong>Let the experts at<\/strong><a href=\"https:\/\/www.woohelpdesk.com\/\"> <strong>WooHelpDesk<\/strong><\/a> help you out.<\/p>\n<p>Whether it\u2019s sticky headers, dropdown menus, or advanced container bugs \u2014 we specialize in solving Elementor and WooCommerce problems fast. Our team can inspect your site and fix layout issues without breaking your design.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Table of Contents Introduction What is z-index in Elementor? How z-index Works in Simple Terms What Causes z-index to Fail in Elementor? Common Signs of z-index Problems in Elementor Step-by-Step Guide \u2013 How to Fix Elementor z-index Issues Real Use Cases and How to Fix z-index Problems Best Practices and Final Tips to Avoid z-index [&hellip;]<\/p>\n<div class='heateor_sss_sharing_container heateor_sss_vertical_sharing heateor_sss_bottom_sharing' style='width:29px;left: 10px;top: 250px;-webkit-box-shadow:none;box-shadow:none;' data-heateor-sss-href='https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts\/3117'><div class=\"heateor_sss_sharing_ul\"><a aria-label=\"Facebook\" class=\"heateor_sss_facebook\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.woohelpdesk.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F3117\" title=\"Facebook\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg\" style=\"background-color:#0765FE;width:25px;height:25px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 32 32\"><path fill=\"#fff\" d=\"M28 16c0-6.627-5.373-12-12-12S4 9.373 4 16c0 5.628 3.875 10.35 9.101 11.647v-7.98h-2.474V16H13.1v-1.58c0-4.085 1.849-5.978 5.859-5.978.76 0 2.072.15 2.608.298v3.325c-.283-.03-.775-.045-1.386-.045-1.967 0-2.728.745-2.728 2.683V16h3.92l-.673 3.667h-3.247v8.245C23.395 27.195 28 22.135 28 16Z\"><\/path><\/svg><\/span><\/a><a aria-label=\"X\" class=\"heateor_sss_button_x\" href=\"https:\/\/twitter.com\/intent\/tweet?text=WooHelpDesk%20Blog%20%E2%80%93%20WordPress%20%26%20WooCommerce%20Tips%20and%20Tutorials%20-%20&url=https%3A%2F%2Fwww.woohelpdesk.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F3117\" title=\"X\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg heateor_sss_s__default heateor_sss_s_x\" style=\"background-color:#2a2a2a;width:25px;height:25px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg width=\"100%\" height=\"100%\" style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 32 32\"><path fill=\"#fff\" d=\"M21.751 7h3.067l-6.7 7.658L26 25.078h-6.172l-4.833-6.32-5.531 6.32h-3.07l7.167-8.19L6 7h6.328l4.37 5.777L21.75 7Zm-1.076 16.242h1.7L11.404 8.74H9.58l11.094 14.503Z\"><\/path><\/svg><\/span><\/a><a aria-label=\"Linkedin\" class=\"heateor_sss_button_linkedin\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Fwww.woohelpdesk.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F3117\" title=\"Linkedin\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg heateor_sss_s__default heateor_sss_s_linkedin\" style=\"background-color:#0077b5;width:25px;height:25px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 32 32\"><path d=\"M6.227 12.61h4.19v13.48h-4.19V12.61zm2.095-6.7a2.43 2.43 0 0 1 0 4.86c-1.344 0-2.428-1.09-2.428-2.43s1.084-2.43 2.428-2.43m4.72 6.7h4.02v1.84h.058c.56-1.058 1.927-2.176 3.965-2.176 4.238 0 5.02 2.792 5.02 6.42v7.395h-4.183v-6.56c0-1.564-.03-3.574-2.178-3.574-2.18 0-2.514 1.7-2.514 3.46v6.668h-4.187V12.61z\" fill=\"#fff\"><\/path><\/svg><\/span><\/a><a aria-label=\"Pinterest\" class=\"heateor_sss_button_pinterest\" href=\"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts\/3117\" onclick=\"event.preventDefault();javascript:void( (function() {var e=document.createElement('script' );e.setAttribute('type','text\/javascript' );e.setAttribute('charset','UTF-8' );e.setAttribute('src','\/\/assets.pinterest.com\/js\/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());\" title=\"Pinterest\" rel=\"noopener\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg heateor_sss_s__default heateor_sss_s_pinterest\" style=\"background-color:#cc2329;width:25px;height:25px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"-2 -2 35 35\"><path fill=\"#fff\" d=\"M16.539 4.5c-6.277 0-9.442 4.5-9.442 8.253 0 2.272.86 4.293 2.705 5.046.303.125.574.005.662-.33.061-.231.205-.816.27-1.06.088-.331.053-.447-.191-.736-.532-.627-.873-1.439-.873-2.591 0-3.338 2.498-6.327 6.505-6.327 3.548 0 5.497 2.168 5.497 5.062 0 3.81-1.686 7.025-4.188 7.025-1.382 0-2.416-1.142-2.085-2.545.397-1.674 1.166-3.48 1.166-4.689 0-1.081-.581-1.983-1.782-1.983-1.413 0-2.548 1.462-2.548 3.419 0 1.247.421 2.091.421 2.091l-1.699 7.199c-.505 2.137-.076 4.755-.039 5.019.021.158.223.196.314.077.13-.17 1.813-2.247 2.384-4.324.162-.587.929-3.631.929-3.631.46.876 1.801 1.646 3.227 1.646 4.247 0 7.128-3.871 7.128-9.053.003-3.918-3.317-7.568-8.361-7.568z\"\/><\/svg><\/span><\/a><a aria-label=\"Telegram\" class=\"heateor_sss_button_telegram\" href=\"https:\/\/telegram.me\/share\/url?url=https%3A%2F%2Fwww.woohelpdesk.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F3117&text=WooHelpDesk%20Blog%20%E2%80%93%20WordPress%20%26%20WooCommerce%20Tips%20and%20Tutorials%20-%20\" title=\"Telegram\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg heateor_sss_s__default heateor_sss_s_telegram\" style=\"background-color:#3da5f1;width:25px;height:25px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 32 32\"><path fill=\"#fff\" d=\"M25.515 6.896L6.027 14.41c-1.33.534-1.322 1.276-.243 1.606l5 1.56 1.72 5.66c.226.625.115.873.77.873.506 0 .73-.235 1.012-.51l2.43-2.363 5.056 3.734c.93.514 1.602.25 1.834-.863l3.32-15.638c.338-1.363-.52-1.98-1.41-1.577z\"><\/path><\/svg><\/span><\/a><a aria-label=\"Whatsapp\" class=\"heateor_sss_whatsapp\" href=\"https:\/\/api.whatsapp.com\/send?text=WooHelpDesk%20Blog%20%E2%80%93%20WordPress%20%26%20WooCommerce%20Tips%20and%20Tutorials%20-%20%20https%3A%2F%2Fwww.woohelpdesk.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F3117\" title=\"Whatsapp\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg\" style=\"background-color:#55eb4c;width:25px;height:25px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"-6 -5 40 40\"><path class=\"heateor_sss_svg_stroke heateor_sss_no_fill\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\" d=\"M 11.579798566743314 24.396926207859085 A 10 10 0 1 0 6.808479557110079 20.73576436351046\"><\/path><path d=\"M 7 19 l -1 6 l 6 -1\" class=\"heateor_sss_no_fill heateor_sss_svg_stroke\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\"><\/path><path d=\"M 10 10 q -1 8 8 11 c 5 -1 0 -6 -1 -3 q -4 -3 -5 -5 c 4 -2 -1 -5 -1 -4\" fill=\"#fff\"><\/path><\/svg><\/span><\/a><\/div><div class=\"heateorSssClear\"><\/div><\/div>","protected":false},"author":1,"featured_media":3128,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-3117","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-errors"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts\/3117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/comments?post=3117"}],"version-history":[{"count":4,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts\/3117\/revisions"}],"predecessor-version":[{"id":4452,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts\/3117\/revisions\/4452"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/media\/3128"}],"wp:attachment":[{"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/media?parent=3117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/categories?post=3117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/tags?post=3117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}