{"id":1767,"date":"2025-04-02T12:23:38","date_gmt":"2025-04-02T12:23:38","guid":{"rendered":"https:\/\/www.woohelpdesk.com\/blog\/?p=1767"},"modified":"2025-10-06T12:41:21","modified_gmt":"2025-10-06T12:41:21","slug":"fix-woocommerce-shop-page-not-responsive-on-mobile","status":"publish","type":"post","link":"https:\/\/www.woohelpdesk.com\/blog\/fix-woocommerce-shop-page-not-responsive-on-mobile\/","title":{"rendered":"WooCommerce Shop Page Not Responsive on Mobile? Here\u2019s How to Fix It"},"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 &amp; Importance of Mobile Responsiveness<\/a><\/li>\n<li><a href=\"#section-2\">Symptoms &amp; Common Mobile Display Issues in WooCommerce<\/a><\/li>\n<li><a href=\"#section-3\">Root Causes of Mobile Layout Problems in WooCommerce<\/a><\/li>\n<li><a href=\"#section-4\">How to Fix WooCommerce Shop Page Not Responsive on Mobile Issue<\/a><\/li>\n<li><a href=\"#section-5\">Best Practices for a Mobile-Friendly Shop Page<\/a><\/li>\n<li><a href=\"#section-6\">Tools to Help with Mobile Optimization<\/a><\/li>\n<li><a href=\"#section-7\">Conclusion<\/a><\/li>\n<\/ul>\n<h2 id=\"section-1\" class=\"vc_custom_heading\" style=\"text-align: left;\">Introduction &amp; Importance of Mobile Responsiveness<\/h2>\n<p>WooCommerce is one of the most used eCommerce platforms on WordPress. It helps store owners sell products easily through their websites. But many users face mobile layout issues, especially on the shop page. These issues affect how customers view and use the store on phones.<\/p>\n<p>Today, more than half of online shoppers use mobile devices. In the U.S., this number continues to grow each year. If your WooCommerce shop page is not responsive on mobile, you&#8217;re losing sales. A broken mobile layout pushes users away and hurts your brand image.<\/p>\n<p>Mobile responsiveness means your site fits well on all screen sizes. It should look good and work smoothly on smartphones and tablets. This is not just about looks. It affects user experience, SEO rankings, and sales.<\/p>\n<p>When your shop page breaks on mobile, users can&#8217;t browse products easily. Buttons may be hard to click. Product images may not load properly. In some cases, the whole layout appears messy or misaligned.<\/p>\n<p>Why should you care about mobile optimization?<\/p>\n<ul>\n<li>Google uses mobile-first indexing for search rankings.<\/li>\n<li>Most online shoppers are on phones or tablets.<\/li>\n<li>A poor mobile design leads to high bounce rates.<\/li>\n<li>Unresponsive pages damage trust and drive customers away.<\/li>\n<\/ul>\n<p>If your WooCommerce shop page is not mobile-friendly, it&#8217;s time to fix it. The rest of this post will help you solve this issue step by step. You&#8217;ll learn how to identify the problem, find the cause, and apply the right fix \u2014 even without technical skills.<\/p>\n<h3 id=\"section-2\" class=\"vc_custom_heading\" style=\"text-align: left;\">Symptoms &amp; Common Mobile Display Issues in WooCommerce<\/h3>\n<p>A broken WooCommerce shop page on mobile doesn\u2019t go unnoticed. You\u2019ll often see clear signs that something is wrong. These layout issues create a bad shopping experience and turn users away. Let\u2019s break down the most common symptoms.<\/p>\n<p><strong>Symptoms of Poor Mobile Display<\/strong><\/p>\n<p>You might notice problems as soon as you open the shop page on your phone. These are the most frequent layout issues store owners face:<\/p>\n<ul>\n<li>Product grid is misaligned or overlapping.<\/li>\n<li>Images appear cut off or stretched.<\/li>\n<li>Text overlaps with buttons or other content.<\/li>\n<li>Filters or sidebars push product listings too far down.<\/li>\n<li>Add to cart buttons are hard to tap.<\/li>\n<li>Scroll or swipe functions do not work properly.<\/li>\n<\/ul>\n<p>Sometimes, the menu also breaks or doesn&#8217;t respond. Mobile users may find it hard to browse categories. This creates confusion and frustration. If users can&#8217;t find what they need quickly, they will leave.<\/p>\n<p><strong>User Feedback Indicators<\/strong><\/p>\n<p>You don\u2019t always need tools to spot mobile issues. Sometimes your customers will tell you first. Pay attention to these signs:<\/p>\n<ul>\n<li>Higher bounce rate from mobile traffic in Google Analytics.<\/li>\n<li>Lower sales or conversions from mobile users.<\/li>\n<li>Customers complain about mobile navigation or design.<\/li>\n<li>Reviews mention trouble using the shop page on phones.<\/li>\n<\/ul>\n<p>These are real-world signals that something needs fixing. You may not see the issue on your desktop. But if mobile shoppers can\u2019t use your site, it impacts your success.<\/p>\n<p>Recognizing these symptoms is the first step. If you\u2019ve seen one or more of these signs, your WooCommerce shop page likely has mobile responsiveness issues.<br \/>\n<a href=\"https:\/\/www.woohelpdesk.com\/wp-service\/fix-wordpress-woocommerce-mobile-responsive-issue\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/www.woohelpdesk.com\/blog\/wp-content\/uploads\/2025\/10\/Fixing-WordPressWooCommerce-Mobile-Responsiveness-Issue.png\" alt=\"WordPressWooCommerce Mobile Responsiveness Issue\"\/><\/a><\/p>\n<h3 id=\"section-3\" class=\"vc_custom_heading\" style=\"text-align: left;\">Root Causes of Mobile Layout Problems in WooCommerce<\/h3>\n<p>Knowing the reason behind your mobile layout issues is half the solution. Several common factors can cause your WooCommerce shop page to look broken on phones. Let\u2019s walk through the main ones, so you can identify what\u2019s affecting your store.<\/p>\n<p><strong>Theme-Related Issues<\/strong><\/p>\n<p>Your WordPress theme controls how your site looks. If your theme isn\u2019t designed for mobile devices, it can cause layout problems.<\/p>\n<p><strong>Common theme-related issues include:<\/strong><\/p>\n<ul>\n<li>The theme is outdated or no longer supported.<\/li>\n<li>It doesn\u2019t include responsive design settings.<\/li>\n<li>It conflicts with the latest version of WooCommerce.<\/li>\n<\/ul>\n<p>If your theme doesn\u2019t adjust content for smaller screens, things break easily.<\/p>\n<p><strong>Page Builder Conflicts<\/strong><\/p>\n<p>Many store owners use page builders like Elementor or WPBakery. These tools give you control over layout. But they can cause mobile display problems if not used correctly.<\/p>\n<p><strong>Examples of conflicts:<\/strong><\/p>\n<ul>\n<li>Columns do not stack properly on small screens.<\/li>\n<li>Padding and margins look fine on desktop but break on mobile.<\/li>\n<li>Builder settings override WooCommerce styles.<\/li>\n<\/ul>\n<p>Always check your layout in mobile view inside the page builder.<\/p>\n<p><strong>Plugin Conflicts<\/strong><\/p>\n<p>Some plugins change the way your shop page behaves. These changes may not be mobile-friendly.<\/p>\n<p><strong>Problematic plugin types include:<\/strong><\/p>\n<ul>\n<li>Product filter or sorting tools<\/li>\n<li>Infinite scroll plugins<\/li>\n<li>Add-on or extra feature plugins<\/li>\n<li>Popup or banner plugins<\/li>\n<\/ul>\n<p>One broken plugin can ruin your mobile layout. Test by disabling plugins one by one.<\/p>\n<p><strong>Custom CSS or JavaScript Errors<\/strong><\/p>\n<p>If you or a developer added custom CSS or JavaScript, it may be the cause.<\/p>\n<p><strong>Common mistakes include:<\/strong><\/p>\n<ul>\n<li>CSS without media queries for mobile devices<\/li>\n<li>Fixed widths or heights that don\u2019t scale on phones<\/li>\n<li>JavaScript that doesn&#8217;t adjust to screen size<\/li>\n<\/ul>\n<p>These errors are often hidden but easy to fix with a little cleanup.<\/p>\n<p><strong>Image or Grid Settings<\/strong><\/p>\n<p>Sometimes, image settings in WooCommerce are not optimized for mobile. Too many product columns or oversized thumbnails can distort your layout.<\/p>\n<p><strong>Watch for:<\/strong><\/p>\n<ul>\n<li>Grids with 4+ columns on small screens<\/li>\n<li>Thumbnail images that do not resize correctly<\/li>\n<li>Layouts not adapting to screen width<\/li>\n<\/ul>\n<p><strong>Viewport Meta Tag Issues<\/strong><\/p>\n<p>Your theme\u2019s header should include the correct <strong>viewport meta tag<\/strong>. If it\u2019s missing or incorrect, your shop page won\u2019t scale to mobile screens.<\/p>\n<p><strong>Correct tag:<\/strong><\/p>\n<div style=\"background-color: #f3f4f5; padding: 10px; border: 1px solid #ccc;\">&lt;meta name=&#8221;viewport&#8221; content=&#8221;width=device-width, initial-scale=1.0&#8243;&gt;<\/div>\n<p>If this is not in place, the site will look zoomed out or tiny.<\/p>\n<h3 id=\"section-4\" class=\"vc_custom_heading\" style=\"text-align: left;\">How to Fix WooCommerce Shop Page Not Responsive on Mobile Issue<\/h3>\n<p>Once you understand the problem, fixing your WooCommerce shop page becomes easier. Most mobile layout issues can be solved without deep technical knowledge. Follow these steps to improve the mobile design of your shop page.<\/p>\n<ol>\n<li>\u00a0 \u00a0 \u00a0 <strong>Use a Mobile-Optimized Theme<\/strong><\/li>\n<\/ol>\n<p>Your theme is the foundation of your site\u2019s design. If it&#8217;s not responsive, mobile problems will follow.<\/p>\n<p><strong>To fix theme-related issues:<\/strong><\/p>\n<ul>\n<li>Use a responsive and WooCommerce-friendly theme.<\/li>\n<li>Recommended free themes: <strong>Storefront<\/strong>, <strong>Astra<\/strong>, <strong>Blocksy<\/strong>, or <strong>OceanWP<\/strong>.<\/li>\n<li>Test your new theme in mobile view before activating it.<\/li>\n<li>Always back up your site before switching themes.<\/li>\n<\/ul>\n<p>These themes offer built-in mobile support and are updated regularly.<\/p>\n<ol start=\"2\">\n<li>\u00a0 \u00a0 \u00a0 <strong>Update Everything<\/strong><\/li>\n<\/ol>\n<p>Outdated plugins, themes, or WordPress core can break layouts on mobile.<\/p>\n<p><strong>Here\u2019s what to do:<\/strong><\/p>\n<ul>\n<li>Go to <strong>Dashboard &gt; Updates<\/strong>.<\/li>\n<li>Update WordPress core, your theme, and all plugins.<\/li>\n<li>Update WooCommerce to the latest stable version.<\/li>\n<\/ul>\n<p>After updates, clear your browser cache and refresh the shop page on mobile.<\/p>\n<ol start=\"3\">\n<li>\u00a0 \u00a0 \u00a0 <strong>Check for Plugin Conflicts<\/strong><\/li>\n<\/ol>\n<p>A plugin might be breaking your layout, even if it seems unrelated.<\/p>\n<p><strong>How to troubleshoot:<\/strong><\/p>\n<ul>\n<li>Deactivate all non-essential plugins.<\/li>\n<li>Check your shop page on mobile after each deactivation.<\/li>\n<li>Use the <strong>Health Check &amp; Troubleshooting<\/strong> plugin to test safely.<\/li>\n<\/ul>\n<p>If the layout looks fine after disabling a plugin, that plugin is the cause.<\/p>\n<ol start=\"4\">\n<li>\u00a0 \u00a0 \u00a0 <strong>Fix Layout with Responsive CSS<\/strong><\/li>\n<\/ol>\n<p>Sometimes, a few lines of CSS can fix layout issues fast.<\/p>\n<p><strong>Example: Adjust product columns on mobile:<\/strong><\/p>\n<div style=\"background-color: #f3f4f5; padding: 10px; border: 1px solid #ccc;\">\n<p>@media screen and (max-width: 768px) {<\/p>\n<p>.woocommerce ul.products {<\/p>\n<p>display: grid !important;<\/p>\n<p>grid-template-columns: 1fr 1fr !important;<\/p>\n<p>gap: 10px;<\/p>\n<p>}<\/p>\n<p>.woocommerce ul.products li.product {<\/p>\n<p>width: 100% !important;<\/p>\n<p>}<\/p>\n<p>}<\/p>\n<\/div>\n<p>You can paste this into <strong>Appearance &gt; Customize &gt; Additional CSS<\/strong>. Always test changes on different screen sizes.<\/p>\n<ol start=\"5\">\n<li>\u00a0 \u00a0 \u00a0 <strong>Ensure Viewport Meta Tag is Present<\/strong><\/li>\n<\/ol>\n<p>This small code tells browsers to scale your site for mobile devices.<\/p>\n<p><strong>Add this tag to your theme\u2019s header.php file:<\/strong><\/p>\n<div style=\"background-color: #f3f4f5; padding: 10px; border: 1px solid #ccc;\">&lt;meta name=&#8221;viewport&#8221; content=&#8221;width=device-width, initial-scale=1.0&#8243;&gt;<\/div>\n<p>If it\u2019s missing or incorrect, your shop page will look zoomed out or broken.<\/p>\n<ol start=\"6\">\n<li>\u00a0 \u00a0 \u00a0 <strong>Customize Responsiveness in Page Builders<\/strong><\/li>\n<\/ol>\n<p>If you&#8217;re using Elementor, WPBakery, or other builders, use their mobile tools.<\/p>\n<p><strong>What to check:<\/strong><\/p>\n<ul>\n<li>Open each section in responsive mode.<\/li>\n<li>Adjust padding, margins, and column widths for mobile.<\/li>\n<li>Use <strong>Elementor\u2019s Device Preview<\/strong> to test changes.<\/li>\n<li>Set different styles for mobile, tablet, and desktop.<\/li>\n<\/ul>\n<p>Don\u2019t rely on desktop settings alone. Always review your mobile view.<\/p>\n<ol start=\"7\">\n<li>\u00a0 \u00a0 \u00a0 <strong>Optimize Image Sizes &amp; Shop Columns<\/strong><\/li>\n<\/ol>\n<p>Large images and too many columns break the design on small screens.<\/p>\n<p><strong>To fix this:<\/strong><\/p>\n<ul>\n<li>Go to <strong>WooCommerce &gt; Settings &gt; Products &gt; Display<\/strong>.<\/li>\n<li>Set thumbnails to 300px or smaller.<\/li>\n<li>Use 1 or 2 columns for product grids on mobile.<\/li>\n<li>Avoid 3+ columns, which look too tight on phones.<\/li>\n<\/ul>\n<p>Resize images if needed, and use compression plugins like <strong>Smush<\/strong>.<\/p>\n<ol start=\"8\">\n<li>\u00a0 \u00a0 \u00a0 <strong>Clear Cache &amp; CDN<\/strong><\/li>\n<\/ol>\n<p>Sometimes changes don\u2019t show up because of cached content.<\/p>\n<p><strong>Steps to clear cache:<\/strong><\/p>\n<ul>\n<li>If using a caching plugin (like WP Rocket), clear the cache.<\/li>\n<li>If using Cloudflare or another CDN, purge the cache there too.<\/li>\n<li>Then test your site on a phone again.<\/li>\n<\/ul>\n<p>Caching helps speed but can hide recent design changes.<\/p>\n<ol start=\"9\">\n<li>\u00a0 \u00a0 \u00a0 <strong>Test Across Devices<\/strong><\/li>\n<\/ol>\n<p>Never assume your site works just because it looks okay on one phone.<\/p>\n<p><strong>Test your WooCommerce shop page using:<\/strong><\/p>\n<ul>\n<li>Chrome DevTools (inspect and switch to mobile view)<\/li>\n<li>Responsively App (test multiple devices side-by-side)<\/li>\n<li>Google\u2019s Mobile-Friendly Test<\/li>\n<li>Real phones and tablets if possible<\/li>\n<\/ul>\n<p>Testing ensures your layout works across all screen sizes and brands.<\/p>\n<ol start=\"10\">\n<li>\u00a0 <strong>When to Ask a Developer<\/strong><\/li>\n<\/ol>\n<p>If none of these steps help, it may be time for expert support.<\/p>\n<p><strong>When to reach out:<\/strong><\/p>\n<ul>\n<li>You see code errors or broken layouts after updates.<\/li>\n<li>Plugins or theme files were edited manually.<\/li>\n<li>You rely on advanced features like AJAX filtering or custom add-ons.<\/li>\n<\/ul>\n<p>You can contact a WooCommerce expert or reach out to<a href=\"https:\/\/woohelpdesk.com\/\"> WooHelpDesk.com<\/a> for support.<\/p>\n<h3 id=\"section-5\" class=\"vc_custom_heading\" style=\"text-align: left;\">Best Practices for a Mobile-Friendly Shop Page<\/h3>\n<p>A clean and simple mobile design keeps users engaged. Try to keep things light, fast, and easy to use.<\/p>\n<p>Fixing your shop page once is great, but keeping it optimized is better. Following some best practices will help prevent future layout issues. It will also improve user experience and boost your store\u2019s performance.<\/p>\n<p><strong>Here are some helpful best practices:<\/strong><\/p>\n<ul>\n<li>Use a mobile-first design approach during development.<\/li>\n<li>Keep the product layout clean with 1\u20132 columns on phones.<\/li>\n<li>Avoid sidebars or unnecessary widgets on mobile screens.<\/li>\n<li>Make sure buttons are large enough to tap with one finger.<\/li>\n<li>Use short product names and clear pricing.<\/li>\n<li>Test your site after every update or plugin install.<\/li>\n<\/ul>\n<p>Following these habits will reduce layout problems in the future.<\/p>\n<h3 id=\"section-6\" class=\"vc_custom_heading\" style=\"text-align: left;\">Tools to Help with Mobile Optimization<\/h3>\n<p>Several free tools can help you spot and fix display issues. You don\u2019t need to be a developer to use them.<\/p>\n<p><strong>Useful tools include:<\/strong><\/p>\n<ul>\n<li><strong>Google Mobile-Friendly Test<\/strong> \u2013 Check if your shop page passes mobile standards.<\/li>\n<li><strong>Chrome DevTools<\/strong> \u2013 Preview and test your site in mobile view.<\/li>\n<li><strong>PageSpeed Insights<\/strong> \u2013 See what\u2019s slowing down your mobile layout.<\/li>\n<li><strong>YellowPencil<\/strong> \u2013 Visually adjust CSS without writing code.<\/li>\n<li><strong>Responsively App<\/strong> \u2013 Test how your shop page looks on different devices.<\/li>\n<li><strong>WP Health Check<\/strong> \u2013 Detect conflicts between plugins and themes.<\/li>\n<\/ul>\n<p>These tools make it easier to identify problems before your users do.<\/p>\n<h3 id=\"section-7\" class=\"vc_custom_heading\" style=\"text-align: left;\">Conclusion<\/h3>\n<p>Your WooCommerce shop page needs to look and work great on mobile. A broken layout costs you sales and weakens trust. With the right steps, you can fix most mobile issues yourself.<\/p>\n<p>Don\u2019t wait until customers start complaining. Test and improve your mobile layout regularly.<\/p>\n<p>If you\u2019re still stuck, or want expert help, reach out to<a href=\"https:\/\/woohelpdesk.com\/\"> WooHelpDesk.com<\/a>. Our team can help you fix, clean, and improve your shop\u2019s mobile experience \u2014 fast and stress-free.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Table of Contents Introduction &amp; Importance of Mobile Responsiveness Symptoms &amp; Common Mobile Display Issues in WooCommerce Root Causes of Mobile Layout Problems in WooCommerce How to Fix WooCommerce Shop Page Not Responsive on Mobile Issue Best Practices for a Mobile-Friendly Shop Page Tools to Help with Mobile Optimization Conclusion Introduction &amp; Importance of Mobile [&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\/1767'><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%2F1767\" 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%2F1767\" 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%2F1767\" 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\/1767\" 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%2F1767&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%2F1767\" 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":1774,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-1767","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce-issues"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts\/1767","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=1767"}],"version-history":[{"count":6,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts\/1767\/revisions"}],"predecessor-version":[{"id":4384,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/posts\/1767\/revisions\/4384"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/media\/1774"}],"wp:attachment":[{"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/media?parent=1767"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/categories?post=1767"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.woohelpdesk.com\/blog\/wp-json\/wp\/v2\/tags?post=1767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}