<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>The WP Ninja</title>
	<atom:link href="https://thewpninja.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://thewpninja.com</link>
	<description>WordPress Made Simple</description>
	<lastBuildDate>Thu, 04 Jun 2026 11:22:43 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://thewpninja.com/wp-content/uploads/2026/04/ninja-favicon-150x150.png</url>
	<title>The WP Ninja</title>
	<link>https://thewpninja.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Why Is My Old WordPress Logo Still Showing in Google Search?</title>
		<link>https://thewpninja.com/why-is-my-old-wordpress-logo-still-showing-in-google-search/</link>
		
		<dc:creator><![CDATA[]]></dc:creator>
		<pubDate>Thu, 04 Jun 2026 11:22:43 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<guid isPermaLink="false">https://thewpninja.com/why-is-my-old-wordpress-logo-still-showing-in-google-search/</guid>

					<description><![CDATA[If you have a WordPress favicon not updating in Google, you aren&#8217;t alone. You uploaded a shiny new icon last week, but the search results still show the old one. You cleared your browser cache. You can see the new icon on every tab when you visit your site. But Google still shows the old...]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">If you have a WordPress favicon not updating in Google, you aren&#8217;t alone. You uploaded a shiny new icon last week, but the search results still show the old one. You cleared your browser cache. You can see the new icon on every tab when you visit your site. But Google still shows the old one (or worse, a transparent square) next to your search result.</p>



<p class="wp-block-paragraph">Don&#8217;t panic. Nothing is broken on your end.</p>



<p class="wp-block-paragraph">This is one of the most common questions I see from bloggers, and the answer is almost always the same: WordPress favicon not updating in Google is a caching issue on Google&#8217;s side, not yours. Google holds onto favicons for 2-6 weeks before refreshing them in search results. Sometimes longer. Your replacement is sitting on your server right now, doing its job &#8211; the search index just hasn&#8217;t caught up.</p>



<p class="wp-block-paragraph">Here&#8217;s the checklist I walk through to confirm the new favicon is live, plus the one Search Console trick that nudges Google to refresh faster.</p>



<h2 class="wp-block-heading">Why is my WordPress favicon not updating in Google?</h2>



<p class="wp-block-paragraph">The short version: Google caches favicons aggressively, and there&#8217;s no setting to force an instant update.</p>



<p class="wp-block-paragraph">When Googlebot crawls your homepage, it grabs your favicon and stores a copy in its image index. That cached copy is what shows up next to your site in search results. Google doesn&#8217;t re-fetch the favicon every time someone searches &#8211; that would be wasteful for a tiny image. Instead, it checks back on its own schedule, which is usually 2-6 weeks but can stretch longer for low-traffic sites.</p>



<p class="wp-block-paragraph">So even though you&#8217;ve replaced the file, Google is still serving its cached version. There&#8217;s nothing wrong with WordPress, your theme, or your favicon file. The new icon will appear once Google decides to refresh.</p>



<p class="wp-block-paragraph">I&#8217;ve seen this confuse bloggers for weeks. They re-upload the favicon 3 or 4 times, swap themes, and even contact their host &#8211; all because Google won&#8217;t update. The fix isn&#8217;t on your site. It&#8217;s on Google&#8217;s end, and you can speed it up with one Search Console request.</p>



<p class="wp-block-paragraph">But before you do anything, you need to confirm the new favicon is actually live and reachable. That&#8217;s the next step.</p>



<h2 class="wp-block-heading">How do I confirm my new favicon is actually live?</h2>



<p class="wp-block-paragraph">Don&#8217;t skip this part. If your favicon isn&#8217;t reachable at the right URL, no amount of waiting will help Google find it.</p>



<p class="wp-block-paragraph">Open a new browser tab and type this exact URL: <code>yoursite.com/favicon.ico</code> (replace yoursite.com with your real domain). Press Enter. You should see your new favicon icon load on a blank page. If you see the old one, that&#8217;s just your browser cache &#8211; we&#8217;ll fix that in a second.</p>



<p class="wp-block-paragraph">To bypass the browser cache, add a fake parameter to the end: <code>yoursite.com/favicon.ico?v=2</code>. The <code>?v=2</code> tells the browser &#8220;this is a different file, fetch a fresh copy.&#8221; If the new favicon loads with the cache buster but the old one loads without it, your browser is the problem, not your site.</p>



<p class="wp-block-paragraph">If neither URL shows your new favicon &#8211; or you get a 404 error &#8211; then the favicon really isn&#8217;t set correctly in WordPress. That&#8217;s a different problem, and you&#8217;ll fix it in the next section.</p>



<p class="wp-block-paragraph">One more test worth running. Open your site in an incognito window (Ctrl+Shift+N in Chrome) and look at the browser tab. The favicon there is the same one Google will eventually grab.</p>



<p class="wp-block-paragraph">If it&#8217;s the new one, you&#8217;re good. If it&#8217;s the old one, your WordPress setting didn&#8217;t save.</p>



<h2 class="wp-block-heading">Where do I update the favicon in WordPress?</h2>



<p class="wp-block-paragraph">WordPress calls the favicon a &#8220;Site Icon,&#8221; and the path to update it depends on whether you&#8217;re using a classic theme or a block theme.</p>



<p class="wp-block-paragraph">For classic themes (Astra, GeneratePress, Kadence, OceanWP, and most older themes), go to <strong>Appearance &gt; Customize &gt; Site Identity</strong>. You&#8217;ll see a section called &#8220;Site Icon&#8221; with an Upload button. Click it, pick your new favicon, and click <strong>Publish</strong> at the top of the Customizer panel.</p>



<p class="wp-block-paragraph">If you can&#8217;t find Customize in your menu, your theme might have hidden it &#8211; my guide on <a href="/where-did-the-wordpress-customizer-go/">where the WordPress Customizer went</a> covers how to bring it back. And if entire chunks of your dashboard sidebar have vanished, my fix for <a href="/why-is-my-wordpress-left-menu-missing/">the WordPress left menu missing</a> covers why Customizer items disappear with it.</p>



<p class="wp-block-paragraph">For block themes (Twenty Twenty-Four, Twenty Twenty-Five, Ollie, and most themes from 2024 onwards), the Customizer is gone. Go to <strong>Appearance &gt; Editor &gt; Styles</strong> and look for a settings panel. The Site Icon option is sometimes tucked away here, but more often you need to go to <strong>Settings &gt; General</strong> instead, or use the <strong>Tools</strong> menu in the Site Editor sidebar.</p>



<p class="wp-block-paragraph">The easiest path on a block theme: go to <strong>Settings &gt; General</strong> and scroll to the bottom. Some block themes (and WordPress 6.5+) added the Site Icon control there directly. If you don&#8217;t see it, install the free Site Icon plugin from the WordPress repository &#8211; it adds a dedicated upload screen that works on every theme.</p>



<p class="wp-block-paragraph">Whichever path you used, save your changes and test the favicon URL again with the cache buster. If you upload a new file but <strong>Save Changes</strong> doesn&#8217;t seem to take effect, that can be its own headache &#8211; my <a href="/how-to-fix-kadence-customizer-not-saving-changes/">Kadence Customizer not saving changes fix</a> covers the most common causes.</p>



<h2 class="wp-block-heading">How do I tell Google to refresh my favicon?</h2>



<p class="wp-block-paragraph">This is the part that actually speeds things up. Google Search Console has a feature called URL Inspection that lets you ask Google to recrawl a specific page.</p>



<p class="wp-block-paragraph">Log into Google Search Console. If you don&#8217;t have it set up yet, that&#8217;s a separate (and important) task &#8211; it takes about 10 minutes and you&#8217;ll need it for tracking everything else, including how your <a href="/how-to-write-a-meta-description-that-gets-clicks/">meta descriptions perform in search</a>.</p>



<p class="wp-block-paragraph">Once you&#8217;re in Search Console, click <strong>URL Inspection</strong> in the left sidebar. Paste your homepage URL into the search bar at the top (just <code>https://yoursite.com/</code>, no trailing path). Hit Enter and wait for the results to load.</p>



<p class="wp-block-paragraph">You&#8217;ll see a status message about whether the URL is indexed. Look for the <strong>Request Indexing</strong> button (sometimes labeled &#8220;Test Live URL&#8221; first). Click it.</p>



<p class="wp-block-paragraph">Google will recrawl your homepage within 10 minutes to 24 hours. Because the favicon link is in your homepage&#8217;s HTML head, Google picks up the new favicon URL during that recrawl.</p>



<p class="wp-block-paragraph">Important: Request Indexing on the homepage, not on individual posts. The favicon is referenced from your site&#8217;s root, so refreshing the homepage is what matters. (If you can&#8217;t even open your homepage to make a small edit, my fix for <a href="/how-to-fix-wordpress-editor-wont-let-you-edit-pages/">WordPress editor that won&#8217;t let you edit pages</a> sorts that out first.)</p>



<p class="wp-block-paragraph">While you&#8217;re in Search Console, resubmit your sitemap too. Click <strong>Sitemaps</strong> in the sidebar, find your sitemap entry (something like <code>sitemap.xml</code> or <code>sitemap_index.xml</code> if you use Yoast or Rank Math), and click the 3-dot menu next to it. Pick <strong>Resubmit</strong>. This nudges Google to recrawl your whole site, which can help if more than one page needs refreshing.</p>



<p class="wp-block-paragraph">If you haven&#8217;t picked an SEO plugin yet, my <a href="/rank-math-vs-yoast-seo-for-beginners/">Rank Math vs Yoast SEO comparison</a> covers which one is easier for sitemaps and beginner-friendly settings.</p>



<h2 class="wp-block-heading">How long until the new favicon shows in search?</h2>



<p class="wp-block-paragraph">Realistic timeline: 2-6 weeks for most sites, even after Request Indexing.</p>



<p class="wp-block-paragraph">I know that sounds frustrating when you&#8217;ve done everything right. But Google&#8217;s favicon refresh schedule is separate from its page index. Even if Google recrawls your homepage tomorrow, the favicon image cache is updated on its own track. Most bloggers I&#8217;ve worked with see the new favicon appear in search results around the 3-week mark.</p>



<p class="wp-block-paragraph">For high-traffic sites that get crawled often, it can be as fast as 5-7 days. For brand-new sites or low-traffic blogs, it can stretch to 8 weeks. There&#8217;s no public way to check exactly when Google will swap the cached image.</p>



<p class="wp-block-paragraph">What to do if 8+ weeks pass and the old favicon is still showing:</p>



<ol class="wp-block-list"><li>Reconfirm the favicon is live at <code>yoursite.com/favicon.ico</code> (cache busted)</li>
<li>Check that the favicon HTML tag is in your page source (View Source, search for <code>icon</code>)</li>
<li>Request Indexing one more time in Search Console</li>
<li>Check the Coverage report in Search Console for any homepage crawl errors</li>
<li>Make sure your robots.txt isn&#8217;t blocking <code>/favicon.ico</code> (rare, but it happens)</li></ol>



<p class="wp-block-paragraph">If everything checks out and Google still won&#8217;t update, post in the Google Search Central forum. Google staff sometimes respond and can manually flag the issue. I&#8217;ve seen it happen for sites stuck past the 10-week mark.</p>



<h2 class="wp-block-heading">What if my favicon broke entirely?</h2>



<p class="wp-block-paragraph">A different but related problem: your favicon shows as a blank white square or a generic globe icon in search results. That&#8217;s not a caching issue. Your favicon file itself has a problem.</p>



<p class="wp-block-paragraph">The 3 most common causes:</p>



<p class="wp-block-paragraph"><strong>Wrong file format.</strong> WordPress accepts PNG, JPG, GIF, and ICO for favicons, but Google has a strong preference for PNG or ICO. If you uploaded a JPG, the transparent areas around your logo might render as white in search. Convert your logo to PNG with a transparent background (Canva, Figma, and Photoshop all export PNG with transparency).</p>



<p class="wp-block-paragraph"><strong>Wrong dimensions.</strong> Google recommends a minimum of 48&#215;48 pixels, and the favicon size must be a multiplier of 48 (so 96&#215;96, 144&#215;144, 192&#215;192, or 512&#215;512). WordPress itself recommends 512&#215;512.</p>



<p class="wp-block-paragraph">If you uploaded a tiny 16&#215;16 favicon (the old standard), Google might reject it. Re-export at 512&#215;512.</p>



<p class="wp-block-paragraph"><strong>Transparency rendered as white.</strong> This was the exact issue I keep seeing on the WordPress forums. The PNG had transparency, but the search result showed a transparent area filled with white.</p>



<p class="wp-block-paragraph">The fix is to design the favicon with a solid background color baked in. Don&#8217;t rely on transparency for the search result thumbnail. A square logo with a colored background renders consistently across light and dark modes.</p>



<p class="wp-block-paragraph">If you need a quick way to make a clean square logo, <a href="/how-to-use-canva-ai-for-blog-featured-images/">Canva AI for featured images</a> covers the same workflow I use for favicons.</p>



<p class="wp-block-paragraph">One more thing worth checking. If your favicon looks pixelated or fuzzy in search results, that&#8217;s a resolution problem. WordPress automatically generates smaller versions from your 512&#215;512 upload, but if you originally uploaded something tiny and let WordPress upscale it, the result is blurry.</p>



<p class="wp-block-paragraph">Re-upload a sharp 512&#215;512 source file. The same logic applies to other <a href="/how-to-fix-blurry-images-on-your-wordpress-site/">blurry images on your site</a> &#8211; resolution at upload time matters more than display size.</p>



<h2 class="wp-block-heading">FAQ</h2>



<h3 class="wp-block-heading">How long does it take for Google to update a favicon?</h3>



<p class="wp-block-paragraph">In my experience, Google holds onto its cached favicons for 2-6 weeks. It doesn&#8217;t fetch the icon every time someone searches. You just have to wait for Google to recrawl your homepage on its own schedule.</p>



<h3 class="wp-block-heading">How do I force Google to update my favicon?</h3>



<p class="wp-block-paragraph">There isn&#8217;t a magic button to update it instantly. But I always use the URL Inspection tool in Google Search Console to request indexing for my homepage. That tells Google to crawl the site again, which speeds up the process.</p>



<h3 class="wp-block-heading">Why is my WordPress favicon showing in the browser but not in Google?</h3>



<p class="wp-block-paragraph">This happens because your browser and Google maintain separate caches. Your browser grabbed the fresh file when you visited the site, but Google&#8217;s search index is still serving the old image from its servers.</p>



<h3 class="wp-block-heading">What are Google&#8217;s favicon requirements?</h3>



<p class="wp-block-paragraph">Google wants a square image that&#8217;s a multiple of 48 pixels, like 96&#215;96 or 144&#215;144. WordPress usually recommends uploading a 512&#215;512 file, which works perfectly. Just make sure you save it as a PNG or ICO file.</p>



<h2 class="wp-block-heading">Your new favicon is on its way</h2>



<p class="wp-block-paragraph">Here&#8217;s what I want you to take away from this. When your WordPress favicon isn&#8217;t updating in Google, it&#8217;s almost always a patience problem, not a technical one. The new icon is live on your site. Google just hasn&#8217;t picked it up yet.</p>



<p class="wp-block-paragraph">Confirm the favicon loads at <code>yoursite.com/favicon.ico?v=2</code>. Confirm it&#8217;s set in <strong>Customize &gt; Site Identity</strong> (or the block theme equivalent). Then go to Search Console and Request Indexing on your homepage. After that, the only thing left to do is wait 2-6 weeks.</p>



<p class="wp-block-paragraph">While you&#8217;re tweaking your branding, this is also a good moment to double-check your <a href="/how-to-change-your-wordpress-site-title/">WordPress site title</a> and make sure both pieces match in search results. And if you ever update something on the site and panic that nothing is showing, my guide on <a href="/why-are-my-wordpress-changes-not-showing-on-the-live-site/">WordPress changes not appearing on the live site</a> covers cache layers that hide perfectly good edits.</p>



<p class="wp-block-paragraph">Your favicon will show up. Just not today.</p>

]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Why Are My WordPress Changes Not Showing Up on the Live Site?</title>
		<link>https://thewpninja.com/why-are-my-wordpress-changes-not-showing-on-the-live-site/</link>
		
		<dc:creator><![CDATA[]]></dc:creator>
		<pubDate>Thu, 04 Jun 2026 11:01:12 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<guid isPermaLink="false">https://thewpninja.com/why-are-my-wordpress-changes-not-showing-up-on-the-live-site/</guid>

					<description><![CDATA[You edited your homepage and hit Update, but your WordPress changes are not showing up. The dashboard says &#8220;saved&#8221;, but the live site shows the old version &#8211; same stale headline, same old image. Take a breath. You didn&#8217;t break anything, and your work isn&#8217;t lost. When WordPress changes are not showing up on the...]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">You edited your homepage and hit Update, but your WordPress changes are not showing up. The dashboard says &#8220;saved&#8221;, but the live site shows the old version &#8211; same stale headline, same old image.</p>



<p class="wp-block-paragraph">Take a breath. You didn&#8217;t break anything, and your work isn&#8217;t lost.</p>



<p class="wp-block-paragraph">When WordPress changes are not showing up on the live site, the cause is almost always cache. There isn&#8217;t just one cache either &#8211; there are 3, stacked on top of each other, and each has to be cleared before your edit reaches a real visitor. The fix takes 5 minutes once you know which buttons to press.</p>



<h2 class="wp-block-heading">Why are my WordPress changes not showing up?</h2>



<p class="wp-block-paragraph">The short answer: something between you and your visitor is serving an older copy of the page.</p>



<p class="wp-block-paragraph">Cache is just a saved snapshot. Instead of building your homepage from scratch every visit, WordPress (and your host, and your browser) saves a finished HTML version and hands it out for the next 60 minutes or so. It makes the site fast. But it also means your edit can sit there for an hour before anyone sees it.</p>



<p class="wp-block-paragraph">There are 3 cache layers I check, in this order:</p>



<ol class="wp-block-list"><li><strong>Browser cache</strong> &#8211; your own Chrome or Firefox is showing you a saved copy</li>
<li><strong>Server cache</strong> &#8211; your host or a caching plugin is serving an old HTML snapshot</li>
<li><strong>CDN cache</strong> &#8211; Cloudflare or your host&#8217;s edge network is holding the old version</li></ol>



<p class="wp-block-paragraph">Most of the time, the culprit is layer 2. But you have to rule out layer 1 first, because if your browser is the problem, you&#8217;ll keep &#8220;fixing&#8221; the server cache and seeing no result.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/06/62-cache-layers-diagram.webp"><img fetchpriority="high" decoding="async" width="1542" height="1230" src="https://thewpninja.com/wp-content/uploads/2026/06/62-cache-layers-diagram.webp" alt="Diagram of the 3 WordPress cache layers - server, CDN, and browser - that cause changes not showing up on the live site" class="wp-image-614" srcset="https://thewpninja.com/wp-content/uploads/2026/06/62-cache-layers-diagram.webp 1542w, https://thewpninja.com/wp-content/uploads/2026/06/62-cache-layers-diagram-300x239.webp 300w, https://thewpninja.com/wp-content/uploads/2026/06/62-cache-layers-diagram-1024x817.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/06/62-cache-layers-diagram-768x613.webp 768w, https://thewpninja.com/wp-content/uploads/2026/06/62-cache-layers-diagram-1536x1225.webp 1536w" sizes="(max-width: 1542px) 100vw, 1542px" /></a></figure>



<h2 class="wp-block-heading">How do I do an incognito test?</h2>



<p class="wp-block-paragraph">This is the single best diagnostic step, and it takes 10 seconds.</p>



<p class="wp-block-paragraph">Open a new incognito window (Chrome: Ctrl+Shift+N, Firefox: Ctrl+Shift+P) and visit your site. If the new version shows up in incognito but not in your normal browser, the problem is your browser cache. Skip to the next section.</p>



<p class="wp-block-paragraph">If incognito shows the OLD version too, your browser is innocent. The stale page is coming from somewhere outside your computer &#8211; your server cache or your CDN. Move on to layer 2.</p>



<p class="wp-block-paragraph">I run this test every single time, before I touch any plugin settings. It saves me from chasing problems that don&#8217;t exist. And it works on phones too &#8211; just open a private tab in Safari or Chrome mobile.</p>



<p class="wp-block-paragraph">One small catch: incognito only bypasses your browser cache, not the server or CDN. So if all 3 layers are stale, incognito will also show the old version &#8211; which still tells you the problem isn&#8217;t local to your machine.</p>



<h2 class="wp-block-heading">How do I clear my browser cache?</h2>



<p class="wp-block-paragraph">If incognito fixed it, this is the fast layer.</p>



<p class="wp-block-paragraph">For most edits, a hard refresh is enough. On Windows or Linux, press <strong>Ctrl+Shift+R</strong>. On Mac, press <strong>Cmd+Shift+R</strong>. This tells your browser to ignore its saved copy and ask the server for a fresh one.</p>



<p class="wp-block-paragraph">If that still shows the old page, do a deeper clear. In Chrome, press <strong>Ctrl+Shift+Delete</strong> (Cmd+Shift+Delete on Mac), set the time range to &#8220;Last hour,&#8221; check &#8220;Cached images and files,&#8221; and click <strong>Clear data</strong>. Reload your site and the new version should appear.</p>



<p class="wp-block-paragraph">One thing I learned the hard way: browser cache is also why your phone, laptop, and work computer can all show different versions of the same site. Each browser has its own cache. To confirm a fix is really live, ask a friend on a different network to check, or use webpagetest.org to load the URL fresh from a remote server.</p>



<h2 class="wp-block-heading">How do I clear my WordPress server cache?</h2>



<p class="wp-block-paragraph">Layer 2 is where most &#8220;WordPress changes not showing up&#8221; problems actually live. Server cache comes from 2 places: your hosting company, and your caching plugin. Often both at once.</p>



<h3 class="wp-block-heading">Your host&#8217;s cache</h3>



<p class="wp-block-paragraph">Managed WordPress hosts run their own cache layer that you can&#8217;t turn off. Here&#8217;s where to find the purge button on the popular ones:</p>



<ul class="wp-block-list"><li><strong>SiteGround:</strong> Dashboard &gt; <strong>SG Optimizer &gt; Caching &gt; Purge SG Cache</strong></li>
<li><strong>WP Engine:</strong> Top admin bar &gt; <strong>WP Engine &gt; Caching &gt; Purge all caches</strong></li>
<li><strong>Kinsta:</strong> Top admin bar &gt; <strong>Kinsta icon &gt; Clear Cache</strong></li>
<li><strong>Cloudways:</strong> Cloudways panel &gt; pick your app &gt; <strong>Application Settings &gt; Purge Varnish Cache</strong></li>
<li><strong>Bluehost / HostGator:</strong> Dashboard &gt; <strong>Bluehost menu &gt; Caching &gt; Purge All</strong></li></ul>



<p class="wp-block-paragraph">On a generic shared host like Hostinger, Namecheap, or DreamHost, the host cache is usually off by default and the caching plugin is doing all the work.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/06/62-admin-bar-purge.webp"><img decoding="async" width="1573" height="435" src="https://thewpninja.com/wp-content/uploads/2026/06/62-admin-bar-purge.webp" alt="LiteSpeed Cache Purge All menu in the WordPress admin bar to clear server cache" class="wp-image-615" srcset="https://thewpninja.com/wp-content/uploads/2026/06/62-admin-bar-purge.webp 1573w, https://thewpninja.com/wp-content/uploads/2026/06/62-admin-bar-purge-300x83.webp 300w, https://thewpninja.com/wp-content/uploads/2026/06/62-admin-bar-purge-1024x283.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/06/62-admin-bar-purge-768x212.webp 768w, https://thewpninja.com/wp-content/uploads/2026/06/62-admin-bar-purge-1536x425.webp 1536w" sizes="(max-width: 1573px) 100vw, 1573px" /></a></figure>



<h3 class="wp-block-heading">Your caching plugin</h3>



<p class="wp-block-paragraph">If you installed a caching plugin to make the site faster, that&#8217;s another snapshot layer to clear. The 3 you&#8217;ll most often see:</p>



<ul class="wp-block-list"><li><strong>WP Rocket:</strong> Top admin bar &gt; <strong>WP Rocket &gt; Clear and preload cache</strong></li>
<li><strong>LiteSpeed Cache:</strong> Top admin bar &gt; <strong>LiteSpeed Cache icon &gt; Purge All</strong></li>
<li><strong>W3 Total Cache:</strong> Top admin bar &gt; <strong>Performance &gt; Purge All Caches</strong></li></ul>



<p class="wp-block-paragraph">Not sure which caching plugin you have? Go to <strong>Plugins &gt; Installed Plugins</strong> and look for anything with &#8220;cache&#8221; in the name. WP Super Cache, WP Fastest Cache, and Cache Enabler all work the same way: there&#8217;s a &#8220;purge&#8221; or &#8220;clear&#8221; button somewhere obvious.</p>



<p class="wp-block-paragraph">After clearing both your host cache and your plugin cache, do another incognito test. If the new version is there, you&#8217;re done. If you&#8217;re still seeing the old page, layer 3 is involved.</p>



<p class="wp-block-paragraph">One trick I rely on: when I&#8217;m making 10+ small edits in a row, I temporarily turn the caching plugin off until I&#8217;m done, then turn it back on and clear once. Saves 20+ purge clicks per session. Just remember to switch it back on &#8211; I&#8217;ve left WP Rocket disabled for a week before, and the <a href="/why-is-my-wordpress-site-so-slow/">site got noticeably slower</a> until I caught it.</p>



<h2 class="wp-block-heading">How do I clear my CDN cache?</h2>



<p class="wp-block-paragraph">A CDN (Content Delivery Network) is the third layer &#8211; it stores copies of your site on servers worldwide so visitors get a fast load no matter where they are. The most common one for small WordPress sites is Cloudflare. Some hosts also have their own edge caching that acts the same way.</p>



<p class="wp-block-paragraph">Not sure whether you have a CDN? Check your domain&#8217;s DNS &#8211; if your nameservers point to Cloudflare, you have Cloudflare in front of your site. Or ask your host&#8217;s support chat: &#8220;Do you have edge caching enabled on my account?&#8221;</p>



<h3 class="wp-block-heading">Clearing Cloudflare cache</h3>



<p class="wp-block-paragraph">This is the one I clear the most:</p>



<ol class="wp-block-list"><li>Log in at dash.cloudflare.com and pick your site</li>
<li>Click <strong>Caching</strong> in the left sidebar, then <strong>Configuration</strong></li>
<li>Click <strong>Purge Everything</strong> and confirm in the popup</li></ol>



<p class="wp-block-paragraph">It takes about 30 seconds for the purge to roll out worldwide. Then test in incognito again.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/06/62-cloudflare-purge.webp"><img decoding="async" width="2320" height="1026" src="https://thewpninja.com/wp-content/uploads/2026/06/62-cloudflare-purge.webp" alt="Cloudflare Caching Configuration page with the Purge Everything button to clear CDN cache" class="wp-image-616" srcset="https://thewpninja.com/wp-content/uploads/2026/06/62-cloudflare-purge.webp 2320w, https://thewpninja.com/wp-content/uploads/2026/06/62-cloudflare-purge-300x133.webp 300w, https://thewpninja.com/wp-content/uploads/2026/06/62-cloudflare-purge-1024x453.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/06/62-cloudflare-purge-768x340.webp 768w, https://thewpninja.com/wp-content/uploads/2026/06/62-cloudflare-purge-1536x679.webp 1536w, https://thewpninja.com/wp-content/uploads/2026/06/62-cloudflare-purge-2048x906.webp 2048w" sizes="(max-width: 2320px) 100vw, 2320px" /></a></figure>



<h3 class="wp-block-heading">Host edge caches</h3>



<p class="wp-block-paragraph">Kinsta, WP Engine, and Cloudways all run their own CDN-style caches that aren&#8217;t the same as the WordPress cache covered above. If clearing the regular host cache didn&#8217;t work, look for a separate option called &#8220;CDN cache,&#8221; &#8220;edge cache,&#8221; or &#8220;static cache&#8221; and clear that too. WP Engine splits &#8220;Page cache&#8221; and &#8220;CDN cache&#8221; into 2 separate purge buttons inside the same menu.</p>



<p class="wp-block-paragraph">If you have a dedicated CDN plugin (Cloudflare&#8217;s official plugin, or BunnyCDN), most add a purge button to your WordPress admin bar. Use that &#8211; it&#8217;s faster than logging into the CDN dashboard.</p>



<h2 class="wp-block-heading">What if I still don&#8217;t see my changes?</h2>



<p class="wp-block-paragraph">If you&#8217;ve cleared all 3 layers and the old version is still showing, I look at 4 less-common culprits:</p>



<p class="wp-block-paragraph"><strong>1. Object cache.</strong> Some hosts run Redis or Memcached for database queries. If your text changes are there but a setting (like a customizer color) won&#8217;t apply, this is often why. WP Rocket has a &#8220;Clear object cache&#8221; option, or your host can flush it &#8211; just open a support ticket and ask them to &#8220;flush Redis.&#8221; If you ever see a <a href="/how-to-fix-500-internal-server-error-wordpress/">500 internal server error</a> after a Redis flush, that&#8217;s a separate fix.</p>



<p class="wp-block-paragraph"><strong>2. CSS/JS minification cache.</strong> Caching plugins often combine and minify your CSS files into one, and that combined file can stay stale after a theme tweak. In WP Rocket, go to <strong>Settings &gt; WP Rocket &gt; File Optimization</strong> and toggle CSS minification off, save, then back on &#8211; that forces a rebuild. Same idea for <a href="/wp-rocket-vs-litespeed-cache-for-beginners/">LiteSpeed and other caching plugins</a>.</p>



<p class="wp-block-paragraph"><strong>3. Customizer not saving.</strong> If your changes never actually saved, that&#8217;s a different problem. The Kadence Customizer occasionally fails to save in Chrome &#8211; my <a href="/how-to-fix-kadence-customizer-not-saving-changes/">fix for Kadence Customizer not saving changes</a> covers that. If the customizer is broken so badly the site won&#8217;t load, my notes on <a href="/what-to-do-when-wordpress-recovery-mode-isnt-working/">what to do when WordPress recovery mode isn&#8217;t working</a> get you back in.</p>



<p class="wp-block-paragraph"><strong>4. You&#8217;re editing the wrong page.</strong> I&#8217;ve done this. WordPress lets you have a &#8220;Home&#8221; page in <strong>Pages &gt; All Pages</strong> that isn&#8217;t actually your homepage &#8211; if <strong>Settings &gt; Reading</strong> points to a different page, your edits go nowhere visible. Same trap can hit the blog page if <a href="/why-did-my-wordpress-blog-posts-disappear/">your posts aren&#8217;t showing up</a>.</p>



<p class="wp-block-paragraph">One more edge case: search engines. Google can take 1-3 weeks to recrawl your page, so even after the live site updates, your search snippet or <a href="/why-is-my-old-wordpress-logo-still-showing-in-google-search/">old logo can stick around in Google&#8217;s results</a> until they refresh. That&#8217;s not something you can fix from your dashboard.</p>



<h2 class="wp-block-heading">FAQ</h2>



<h3 class="wp-block-heading">Why is my WordPress not updating changes?</h3>



<p class="wp-block-paragraph">I see this happen most often because of caching. Your browser or server is holding onto an older snapshot of your page instead of fetching the new one. Clearing your caches usually fixes it instantly.</p>



<h3 class="wp-block-heading">How long does WordPress take to publish changes?</h3>



<p class="wp-block-paragraph">When you hit Update, your changes save to the database instantly. If you don&#8217;t see them on the front end right away, a caching layer is delaying the display. Once you clear that cache, the live site updates immediately.</p>



<h3 class="wp-block-heading">Why do my changes appear in preview but not on the live site?</h3>



<p class="wp-block-paragraph">WordPress preview mode is smart enough to bypass your site&#8217;s cache so you can see your work. The live site, however, serves the cached version to keep things fast for visitors. You just need to purge your server cache to force the live site to catch up.</p>



<h3 class="wp-block-heading">Why is WordPress not saving my changes?</h3>



<p class="wp-block-paragraph">If the dashboard itself isn&#8217;t saving and you get an error when you click Update, you might be out of server memory or have a plugin conflict. But if it says &#8220;saved&#8221; and you just can&#8217;t see it on the front end, it&#8217;s almost definitely a caching issue.</p>



<h2 class="wp-block-heading">Your changes are there &#8211; the cache is just hiding them</h2>



<p class="wp-block-paragraph">Here&#8217;s the takeaway. When WordPress changes are not showing up on the live site, your work isn&#8217;t lost and your site isn&#8217;t broken. There&#8217;s just a stale snapshot somewhere between you and your visitor.</p>



<p class="wp-block-paragraph">Run the incognito test first. Then clear browser, then server (host plus plugin), then CDN. One of those purges will reveal your edit. And once you&#8217;ve done it 2 or 3 times, the whole sequence takes under 5 minutes.</p>



<p class="wp-block-paragraph">Before bigger changes &#8211; swapping a theme, editing the header, redoing your homepage &#8211; I&#8217;d also <a href="/how-to-backup-wordpress-site-before-changes/">back up your WordPress site first</a>. Cache is easy to fix. Accidentally deleting a section is harder.</p>

]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to Change Your WordPress Site Title (It&#8217;s Not Where You Think)</title>
		<link>https://thewpninja.com/how-to-change-your-wordpress-site-title/</link>
		
		<dc:creator><![CDATA[]]></dc:creator>
		<pubDate>Fri, 01 May 2026 22:16:25 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<guid isPermaLink="false">https://thewpninja.com/how-to-change-your-wordpress-site-title/</guid>

					<description><![CDATA[If you&#8217;ve searched everywhere and can&#8217;t find where to change your WordPress site title, you&#8217;re not alone. A forum user just posted about this with the title &#8220;bad site title&#8221; &#8211; they knew it was wrong, they just couldn&#8217;t figure out where to fix it. Here&#8217;s the thing. The main setting is in one obvious...]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">If you&#8217;ve searched everywhere and can&#8217;t find where to change your WordPress site title, you&#8217;re not alone. A forum user just posted about this with the title &#8220;bad site title&#8221; &#8211; they knew it was wrong, they just couldn&#8217;t figure out where to fix it.</p>



<p class="wp-block-paragraph">Here&#8217;s the thing. The main setting is in one obvious place. But there are 4 tricky cases where that setting does nothing, and nobody tells you about them until you&#8217;re already frustrated.</p>



<p class="wp-block-paragraph">I&#8217;ll walk you through the main fix first, then all the weird edge cases that trip people up.</p>



<h2 class="wp-block-heading">Where is the WordPress site title setting?</h2>



<p class="wp-block-paragraph">The main site title lives under <strong>Settings &gt; General</strong> in your WordPress dashboard. That&#8217;s the one setting that controls the default title used across your site.</p>



<p class="wp-block-paragraph">But here&#8217;s the part that confuses people. What you see on your actual website might come from somewhere else entirely. It could be a logo image, a block in the Site Editor, or an override from your SEO plugin. Each of those takes priority over the General setting.</p>



<p class="wp-block-paragraph">So the fix depends on where your title is actually coming from. Let&#8217;s start with the basic setting and work through the others. And if you&#8217;d rather <a href="/how-to-remove-the-page-title-in-kadence-3-ways/">remove the page title entirely</a> on individual pages, that&#8217;s a different setting in your theme.</p>



<h2 class="wp-block-heading">How do I change the site title in Settings &gt; General?</h2>



<p class="wp-block-paragraph">This is the 30-second fix that works for most sites.</p>



<p class="wp-block-paragraph">Log in to your WordPress dashboard. In the left sidebar, click <strong>Settings</strong>, then <strong>General</strong>. The very first field at the top is <strong>Site Title</strong>. Type your new title in that box.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/05/56-settings-general.webp"><img loading="lazy" decoding="async" width="1675" height="783" src="https://thewpninja.com/wp-content/uploads/2026/05/56-settings-general.webp" alt="WordPress Settings General page showing the Site Title and Tagline fields at the top" class="wp-image-608" srcset="https://thewpninja.com/wp-content/uploads/2026/05/56-settings-general.webp 1675w, https://thewpninja.com/wp-content/uploads/2026/05/56-settings-general-300x140.webp 300w, https://thewpninja.com/wp-content/uploads/2026/05/56-settings-general-1024x479.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/05/56-settings-general-768x359.webp 768w, https://thewpninja.com/wp-content/uploads/2026/05/56-settings-general-1536x718.webp 1536w" sizes="auto, (max-width: 1675px) 100vw, 1675px" /></a></figure>



<p class="wp-block-paragraph">Scroll to the bottom of the page and click <strong>Save Changes</strong>. That&#8217;s it. Open your site in a new tab to confirm the title updated in the browser tab and anywhere the theme displays it.</p>



<p class="wp-block-paragraph">If your title updated &#8211; great, you&#8217;re done. If nothing changed on the front end, one of the 4 cases below is the culprit. Keep reading.</p>



<h2 class="wp-block-heading">What if my theme shows a logo image instead of the title?</h2>



<p class="wp-block-paragraph">This one trips up most beginners. You change the title in Settings &gt; General, refresh your site, and nothing looks different. Why? Because your theme is showing a logo image, not text.</p>



<p class="wp-block-paragraph">Most modern themes let you upload a logo that replaces the site title text in the header. The Settings &gt; General title is still there under the hood &#8211; search engines and browser tabs still use it &#8211; but visitors see your logo instead.</p>



<p class="wp-block-paragraph">To update or remove the logo, go to <strong>Appearance &gt; Customize</strong> and look for a section called <strong>Site Identity</strong>, <strong>Header</strong>, or <strong>Logo</strong>. If you&#8217;re on a newer block theme, the Customizer might not exist. In that case, check my guide on <a href="/where-did-the-wordpress-customizer-go/">where the WordPress Customizer went</a> for the block theme equivalent.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/05/56-customizer-site-identity.webp"><img loading="lazy" decoding="async" width="1683" height="1189" src="https://thewpninja.com/wp-content/uploads/2026/05/56-customizer-site-identity.webp" alt="WordPress Customizer Site Identity panel with logo upload, Site Title and Tagline fields, and Site Icon controls" class="wp-image-609" srcset="https://thewpninja.com/wp-content/uploads/2026/05/56-customizer-site-identity.webp 1683w, https://thewpninja.com/wp-content/uploads/2026/05/56-customizer-site-identity-300x212.webp 300w, https://thewpninja.com/wp-content/uploads/2026/05/56-customizer-site-identity-1024x723.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/05/56-customizer-site-identity-768x543.webp 768w, https://thewpninja.com/wp-content/uploads/2026/05/56-customizer-site-identity-1536x1085.webp 1536w" sizes="auto, (max-width: 1683px) 100vw, 1683px" /></a></figure>



<p class="wp-block-paragraph">Inside Site Identity you&#8217;ll usually see:</p>



<ul class="wp-block-list">
<li><strong>Logo</strong> &#8211; upload or remove the image</li>



<li><strong>Site Title</strong> &#8211; a text field (this often syncs with Settings &gt; General)</li>



<li><strong>Display Site Title and Tagline</strong> &#8211; a checkbox to toggle the text on or off</li>
</ul>



<p class="wp-block-paragraph">If your logo already has the brand name baked into the image, you have to edit the image file itself. WordPress can&#8217;t change text inside a PNG or JPG. Open the logo in Canva, Photoshop, or any image editor, fix the text, and re-upload it through the same Site Identity panel. While you&#8217;re tweaking branding, you might also want to <a href="/how-to-change-background-and-text-color-wordpress-pages/">change page background colors</a> so the logo sits on the right color behind it.</p>



<h2 class="wp-block-heading">What about block themes (Twenty Twenty-Four, etc.)?</h2>



<p class="wp-block-paragraph">Block themes like Twenty Twenty-Four, Twenty Twenty-Five, and any theme that uses Full Site Editing changed the rules. The Customizer is gone. The header is controlled by the Site Editor and a specific block called <strong>Site Title</strong>.</p>



<p class="wp-block-paragraph">Here&#8217;s how to update it on a block theme.</p>



<p class="wp-block-paragraph">Go to <strong>Appearance &gt; Editor</strong> in your dashboard. This opens the Site Editor. Click <strong>Patterns</strong> in the sidebar, then find your header template part (usually just called <strong>Header</strong>). Click the header to open it for editing.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/05/56-site-editor-site-title-block.webp"><img loading="lazy" decoding="async" width="2520" height="1323" src="https://thewpninja.com/wp-content/uploads/2026/05/56-site-editor-site-title-block.webp" alt="WordPress Site Editor showing the Header template part with the Site Title block listed in the Content sidebar" class="wp-image-610" srcset="https://thewpninja.com/wp-content/uploads/2026/05/56-site-editor-site-title-block.webp 2520w, https://thewpninja.com/wp-content/uploads/2026/05/56-site-editor-site-title-block-300x158.webp 300w, https://thewpninja.com/wp-content/uploads/2026/05/56-site-editor-site-title-block-1024x538.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/05/56-site-editor-site-title-block-768x403.webp 768w, https://thewpninja.com/wp-content/uploads/2026/05/56-site-editor-site-title-block-1536x806.webp 1536w, https://thewpninja.com/wp-content/uploads/2026/05/56-site-editor-site-title-block-2048x1075.webp 2048w" sizes="auto, (max-width: 2520px) 100vw, 2520px" /></a></figure>



<p class="wp-block-paragraph">Look for the <strong>Site Title</strong> block in the header layout. Click it once to select it. In the right sidebar, you&#8217;ll see block settings &#8211; but here&#8217;s the important part: the text you see is pulled from Settings &gt; General automatically. You can&#8217;t just type over it in the block.</p>



<p class="wp-block-paragraph">To change the actual words, go back to <strong>Settings &gt; General</strong>, update the Site Title field, and save. Then return to the Site Editor and refresh. The block updates automatically.</p>



<p class="wp-block-paragraph">If you want to remove the title entirely and just show a logo, delete the Site Title block from the header. If you want to change the font or color, click the block and use the <strong>Styles</strong> panel on the right. While you&#8217;re in the Site Editor, you might also want to <a href="/how-to-add-items-to-wordpress-menu/">add items to your menu</a> to match the new branding. If you accidentally break the layout while poking around, I wrote a guide on <a href="/how-to-fix-global-template-changes-ruining-your-site/">fixing global template changes</a> that&#8217;ll walk you through reverting.</p>



<h2 class="wp-block-heading">How do I change the site title that appears in Google search results?</h2>



<p class="wp-block-paragraph">This is the sneakiest case. You change the site title in Settings &gt; General. The header on your site updates. But Google still shows the old title in search results, or the browser tab shows something weird like &#8220;Home &#8211; Old Site Name&#8221;.</p>



<p class="wp-block-paragraph">That&#8217;s your SEO plugin overriding WordPress.</p>



<p class="wp-block-paragraph">Most SEO plugins &#8211; Yoast, Rank Math, SEO Simple Pack, All in One SEO &#8211; let you set a separate &#8220;site name&#8221; or &#8220;title template&#8221; that takes priority over the built-in WordPress title tag. When the plugin is active, WordPress hands off title duties to it, and the Settings &gt; General value gets ignored for the browser tab and search snippets.</p>



<p class="wp-block-paragraph">Here&#8217;s where to look in each major plugin.</p>



<p class="wp-block-paragraph"><strong>Yoast SEO.</strong> Go to <strong>Yoast SEO &gt; Settings &gt; Site basics</strong>. There&#8217;s a field called <strong>Site title</strong> that controls what shows up in search results and social previews.</p>



<p class="wp-block-paragraph"><strong>Rank Math.</strong> Go to <strong>Rank Math &gt; Titles &amp; Meta &gt; Global Meta</strong>. Look for the <strong>Title Separator</strong> and <strong>Site Name</strong> fields. The Homepage tab has a separate title template.</p>



<p class="wp-block-paragraph"><strong>SEO Simple Pack.</strong> Go to <strong>SEO PACK &gt; General settings</strong>. The <strong>Website name</strong> field at the top overrides WordPress. Clear it to fall back to your Settings &gt; General value.</p>



<p class="wp-block-paragraph"><strong>All in One SEO.</strong> Go to <strong>All in One SEO &gt; Search Appearance &gt; Global Settings</strong>. Update the <strong>Site Title</strong> field there.</p>



<p class="wp-block-paragraph">If you&#8217;re not sure which plugin is overriding things, open your site in a new tab, right-click the page, and choose <strong>View Page Source</strong>. Search for <code>&lt;title&gt;</code> near the top of the code. Whatever text is between those tags is your real title. If it doesn&#8217;t match Settings &gt; General, it&#8217;s coming from your SEO plugin.</p>



<p class="wp-block-paragraph">Not sure which SEO plugin to keep? I compared <a href="/rank-math-vs-yoast-seo-for-beginners/">Rank Math vs Yoast for beginners</a> if you&#8217;re still choosing.</p>



<h2 class="wp-block-heading">Site title vs tagline &#8211; what&#8217;s the difference?</h2>



<p class="wp-block-paragraph">These two fields sit right next to each other in Settings &gt; General, and people mix them up constantly.</p>



<p class="wp-block-paragraph">The <strong>Site Title</strong> is your site&#8217;s name. &#8220;The WP Ninja&#8221;, &#8220;Jane&#8217;s Kitchen Blog&#8221;, &#8220;Acme Plumbing&#8221;. It&#8217;s what shows in the browser tab and usually the main header text.</p>



<p class="wp-block-paragraph">The <strong>Tagline</strong> is a short description that sits under or near the title. It&#8217;s meant to be a 5-10 word pitch. WordPress fills it with &#8220;Just another WordPress site&#8221; by default, which is the most common mistake I see. If you&#8217;ve never changed it, Google might be showing that default tagline in your search results right now.</p>



<p class="wp-block-paragraph">Here&#8217;s a quick comparison.</p>



<figure class="wp-block-table"><table><thead><tr><th>Field</th><th>Purpose</th><th>Example</th><th>Length</th></tr></thead><tbody><tr><td>Site Title</td><td>Your site&#8217;s name</td><td>The WP Ninja</td><td>1-5 words</td></tr><tr><td>Tagline</td><td>Short description</td><td>WordPress tips that won&#8217;t break your site</td><td>5-10 words</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">Both fields feed into SEO. The title usually appears at the end of every page&#8217;s browser tab (like &#8220;About Us &#8211; Your Site Title&#8221;). The tagline sometimes appears in the homepage meta description if you haven&#8217;t set a custom one &#8211; which is why writing a good <a href="/how-to-write-a-meta-description-that-gets-clicks/">meta description</a> matters even more if you leave the tagline blank.</p>



<p class="wp-block-paragraph">My rule: always change both from the defaults, even if you don&#8217;t use the tagline in your header design. It still shows up in places you can&#8217;t see.</p>



<h2 class="wp-block-heading">Frequently Asked Questions</h2>



<h3 class="wp-block-heading">How do I change the site title and tagline in WordPress?</h3>



<p class="wp-block-paragraph">The easiest way I know is to go to Settings &gt; General in your dashboard. You can type your new title right into the text boxes at the top of the page. Don&#8217;t forget to scroll down and click save!</p>



<h3 class="wp-block-heading">Where are the General Settings in WordPress to change the title?</h3>



<p class="wp-block-paragraph">You&#8217;ll find the General Settings menu hiding near the bottom of your left-hand admin sidebar. I click on &#8220;Settings&#8221; and then &#8220;General&#8221; to access the 2 main text fields for the title and tagline.</p>



<h3 class="wp-block-heading">How does changing my WordPress site title affect SEO?</h3>



<p class="wp-block-paragraph">Changing your title directly changes how you show up in Google search results. I try to include my brand name and at least 1 relevant keyword, so people know exactly what my site is about before they even click.</p>



<h3 class="wp-block-heading">Why is my WordPress site title not changing after I save it?</h3>



<p class="wp-block-paragraph">When this happens to me, it&#8217;s almost always a caching issue. I&#8217;ll clear my caching plugin and refresh my browser, and my new title usually appears on the live site right away.</p>



<h2 class="wp-block-heading">Closing thoughts</h2>



<p class="wp-block-paragraph">The short answer: change your site title in <strong>Settings &gt; General</strong>, click save, done. That fixes it for 80% of people.</p>



<p class="wp-block-paragraph">But if you hit one of the 4 tricky cases &#8211; a logo image, a block theme, an SEO plugin override, or confusion with the tagline &#8211; now you know exactly where to look. The hardest part is figuring out which one is the culprit, and &#8220;View Page Source&#8221; is your best friend for that.</p>



<p class="wp-block-paragraph">One last tip. Whenever you change your site title, always check 3 places afterward: the browser tab, the header of your live site, and an incognito Google search for your domain. If all three match what you typed in Settings &gt; General, you&#8217;re in good shape.</p>

]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to Hide the Header on Specific Pages in Kadence (Free)</title>
		<link>https://thewpninja.com/how-to-hide-the-header-on-specific-pages-in-kadence-free/</link>
		
		<dc:creator><![CDATA[]]></dc:creator>
		<pubDate>Fri, 01 May 2026 21:41:09 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<guid isPermaLink="false">https://thewpninja.com/how-to-hide-the-header-on-specific-pages-in-kadence-free/</guid>

					<description><![CDATA[Sometimes a page just works better without your site&#8217;s header and navigation menu cluttering the top. Landing pages, sales pages, &#8220;Link in Bio&#8221; pages &#8211; they all benefit from a clean, distraction-free layout. And Kadence makes it surprisingly easy to hide the header on one page without touching a single line of code. The toggle...]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Sometimes a page just works better without your site&#8217;s header and navigation menu cluttering the top. Landing pages, sales pages, &#8220;Link in Bio&#8221; pages &#8211; they all benefit from a clean, distraction-free layout. And Kadence makes it surprisingly easy to hide the header on one page without touching a single line of code.</p>



<p class="wp-block-paragraph">The toggle is buried in a panel that most beginners never open. But once you know where it is, you can strip the header off any page in about 5 seconds. Here&#8217;s exactly how.</p>



<h2 class="wp-block-heading">How Do I Disable the Header on a Single Page?</h2>



<p class="wp-block-paragraph">This is a one-page, one-toggle fix. It won&#8217;t affect any other page on your site.</p>



<ol class="wp-block-list">
<li>Open the page in the WordPress block editor.</li>



<li>Click the <strong>Page Settings</strong> icon in the top-right toolbar &#8211; it looks like a small page with a pencil.</li>



<li>Scroll down to the bottom of the panel.</li>



<li>Find <strong>&#8220;Disable Header&#8221;</strong> and toggle it to <strong>On</strong>.</li>



<li>Click <strong>Update</strong> (or <strong>Publish</strong> if it&#8217;s a new page).</li>
</ol>



<p class="wp-block-paragraph">That&#8217;s it. The entire header &#8211; logo, navigation menu, everything &#8211; disappears from this page on the front end. Your other pages stay exactly the same.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/05/44-disable-header-toggle.webp"><img loading="lazy" decoding="async" width="2461" height="1896" src="https://thewpninja.com/wp-content/uploads/2026/05/44-disable-header-toggle.webp" alt="Kadence Page Settings panel showing the Disable Header toggle enabled" class="wp-image-603" srcset="https://thewpninja.com/wp-content/uploads/2026/05/44-disable-header-toggle.webp 2461w, https://thewpninja.com/wp-content/uploads/2026/05/44-disable-header-toggle-300x231.webp 300w, https://thewpninja.com/wp-content/uploads/2026/05/44-disable-header-toggle-1024x789.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/05/44-disable-header-toggle-768x592.webp 768w, https://thewpninja.com/wp-content/uploads/2026/05/44-disable-header-toggle-1536x1183.webp 1536w, https://thewpninja.com/wp-content/uploads/2026/05/44-disable-header-toggle-2048x1578.webp 2048w" sizes="auto, (max-width: 2461px) 100vw, 2461px" /></a></figure>



<p class="wp-block-paragraph">I use this on every landing page I build. When someone arrives from an ad or an email link, I don&#8217;t want them clicking away to my blog or About page. I want them focused on the one action the page is designed for.</p>



<p class="wp-block-paragraph">Here&#8217;s what the front end looks like with the header turned off &#8211; no top bar, no logo, no menu. The page starts straight at your content:</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/05/44-front-page-without-header.webp"><img loading="lazy" decoding="async" width="2461" height="1896" src="https://thewpninja.com/wp-content/uploads/2026/05/44-front-page-without-header.webp" alt="Front-end Kadence page with the header hidden, content starts at the hero image" class="wp-image-605" srcset="https://thewpninja.com/wp-content/uploads/2026/05/44-front-page-without-header.webp 2461w, https://thewpninja.com/wp-content/uploads/2026/05/44-front-page-without-header-300x231.webp 300w, https://thewpninja.com/wp-content/uploads/2026/05/44-front-page-without-header-1024x789.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/05/44-front-page-without-header-768x592.webp 768w, https://thewpninja.com/wp-content/uploads/2026/05/44-front-page-without-header-1536x1183.webp 1536w, https://thewpninja.com/wp-content/uploads/2026/05/44-front-page-without-header-2048x1578.webp 2048w" sizes="auto, (max-width: 2461px) 100vw, 2461px" /></a></figure>



<p class="wp-block-paragraph">Compare that to a normal page with the full Kadence header on top. The toggle gives you back about 80px of vertical space and removes every navigation link that could pull a visitor away.</p>



<h2 class="wp-block-heading">Can You Hide the Footer Too?</h2>



<p class="wp-block-paragraph">Yes &#8211; and it&#8217;s in the same panel. Right next to the &#8220;Disable Header&#8221; toggle, you&#8217;ll see a <strong>&#8220;Disable Footer&#8221;</strong> option. Toggle that on, and the footer disappears too.</p>



<p class="wp-block-paragraph">Combining both gives you a completely blank canvas. No header, no footer, no navigation &#8211; just your content and nothing else. If you&#8217;re also seeing <a href="/how-to-remove-white-space-between-kadence-blocks/">white space between your Kadence blocks</a>, that&#8217;s a separate spacing issue worth fixing on these clean layouts. This blank canvas setup is exactly what you need for:</p>



<ul class="wp-block-list">
<li>Sales pages where every click should go to the buy button</li>



<li>Coming soon pages during a site launch</li>



<li>Squeeze pages collecting email signups</li>
</ul>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/05/44-disable-both-toggles.webp"><img loading="lazy" decoding="async" width="2461" height="1896" src="https://thewpninja.com/wp-content/uploads/2026/05/44-disable-both-toggles.webp" alt="Kadence Page Settings with both Disable Header and Disable Footer turned on" class="wp-image-604" srcset="https://thewpninja.com/wp-content/uploads/2026/05/44-disable-both-toggles.webp 2461w, https://thewpninja.com/wp-content/uploads/2026/05/44-disable-both-toggles-300x231.webp 300w, https://thewpninja.com/wp-content/uploads/2026/05/44-disable-both-toggles-1024x789.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/05/44-disable-both-toggles-768x592.webp 768w, https://thewpninja.com/wp-content/uploads/2026/05/44-disable-both-toggles-1536x1183.webp 1536w, https://thewpninja.com/wp-content/uploads/2026/05/44-disable-both-toggles-2048x1578.webp 2048w" sizes="auto, (max-width: 2461px) 100vw, 2461px" /></a></figure>



<p class="wp-block-paragraph">You don&#8217;t need a page builder like Elementor or a &#8220;Canvas&#8221; template for this. Kadence gives you the same result with 2 toggles that are already built into the free theme.</p>



<h2 class="wp-block-heading">Does This Work on Posts Too?</h2>



<p class="wp-block-paragraph">Yes. The same Page Settings panel shows up on posts, pages, and most custom post types. So if you have a special announcement post or a sponsored post with a custom layout, you can disable the header on that single post without affecting the rest of your blog.</p>



<p class="wp-block-paragraph">I&#8217;ve used this on 2 or 3 posts where I wanted a unique look &#8211; like a long-form guide with its own navigation built into the content. Removing the site header made the page feel more like a standalone resource than a regular blog post.</p>



<h2 class="wp-block-heading">Don&#8217;t Forget Your H1</h2>



<p class="wp-block-paragraph">Here&#8217;s the one thing that trips people up. When you disable the header in Kadence, the page title might also disappear. That page title is usually your only H1 tag &#8211; the heading that tells Google what the page is about.</p>



<p class="wp-block-paragraph">A page without an H1 is invisible to search engines in a meaningful way. Google&#8217;s own documentation recommends exactly one H1 per page for clear content structure.</p>



<p class="wp-block-paragraph"><strong>The fix takes 10 seconds:</strong></p>



<ol class="wp-block-list">
<li>Edit the page in the block editor.</li>



<li>Add a <strong>Heading</strong> block near the top of your content.</li>



<li>Make sure it&#8217;s set to <strong>H1</strong> (not H2 or H3).</li>



<li>Type a descriptive title that includes your target keyword.</li>
</ol>



<p class="wp-block-paragraph">This H1 doesn&#8217;t have to match the page title you disabled. In fact, you can write it specifically for SEO &#8211; longer, more keyword-rich, better optimized than a generic &#8220;Landing Page&#8221; title ever would be.</p>



<p class="wp-block-paragraph">I cover this H1 issue in much more detail in my guide on <a href="/how-to-remove-the-page-title-in-kadence-3-ways/">how to remove the page title in Kadence</a>. It&#8217;s the number one mistake beginners make when hiding any part of their header or title area.</p>



<h2 class="wp-block-heading">How Do I Remove the Header on a Specific Page in WordPress?</h2>



<p class="wp-block-paragraph">If you&#8217;re not using Kadence, this gets harder. Most WordPress themes don&#8217;t have a built-in &#8220;Disable Header&#8221; toggle. The usual workarounds are:</p>



<ul class="wp-block-list">
<li><strong>CSS hack:</strong> Add <code>.page-id-42 .site-header { display: none; }</code> to Additional CSS (fragile, breaks with theme updates)</li>



<li><strong>Page builder templates:</strong> Elementor has a &#8220;Canvas&#8221; template, but that requires Elementor</li>



<li><strong>Header/footer plugins:</strong> Plugins like &#8220;Hide Header and Footer on Pages&#8221; exist, but that&#8217;s another plugin to maintain</li>
</ul>



<p class="wp-block-paragraph">Kadence&#8217;s approach is the cleanest I&#8217;ve found. One toggle per page, built into the theme, no code, no extra plugins. It&#8217;s one of the reasons I recommend Kadence for landing pages and sales funnels &#8211; the distraction-free setup is already there. And if you want to <a href="/how-to-change-sidebar-position-or-width-in-kadence/">change your sidebar layout</a> on these pages too, Kadence gives you per-page control over that as well.</p>



<p class="wp-block-paragraph">If you&#8217;re also dealing with your menu <a href="/how-to-fix-kadence-desktop-menu-overlapping-on-mobile/">overlapping your logo on smaller screens</a>, fixing the mobile breakpoint is a separate 10-second fix in the Customizer.</p>



<h2 class="wp-block-heading">Free vs. Pro &#8211; Do You Need to Upgrade?</h2>



<p class="wp-block-paragraph">For hiding the header, absolutely not. The &#8220;Disable Header&#8221; and &#8220;Disable Footer&#8221; toggles are 100% free in Kadence.</p>



<p class="wp-block-paragraph">Kadence Pro does add one related feature worth knowing about: <strong>Conditional Headers</strong>. Instead of hiding the header entirely, Conditional Headers let you swap in a different header design based on the page type or user role. For example, you could show a simplified header on landing pages and a full navigation header everywhere else.</p>



<p class="wp-block-paragraph">But that&#8217;s a different use case. If you just want the header gone on specific pages, the free toggle does exactly that. Don&#8217;t spend money on a problem that&#8217;s already solved.</p>



<h2 class="wp-block-heading">5 Use Cases for Headerless Pages</h2>



<p class="wp-block-paragraph">Here are the pages where hiding the header makes the biggest difference:</p>



<p class="wp-block-paragraph"><strong>1. Link in Bio page.</strong> Create a page at <code>yoursite.com/links</code>, disable the header and footer, and stack button links vertically. I wrote a full tutorial on <a href="/how-to-build-a-free-linktree-alternative-in-wordpress/">how to build a free Linktree alternative in WordPress</a> &#8211; the header toggle is the first step.</p>



<p class="wp-block-paragraph"><strong>2. Landing pages for ads.</strong> When you&#8217;re paying for traffic from Google or Facebook ads, every navigation link is a potential leak. Removing the header keeps visitors focused on your call-to-action button instead of wandering off to your blog.</p>



<p class="wp-block-paragraph"><strong>3. Sales pages for digital products.</strong> Long-form sales pages work best when there&#8217;s nothing to click except the buy button. No menu, no footer links, no distractions.</p>



<p class="wp-block-paragraph"><strong>4. Coming soon or maintenance pages.</strong> While you&#8217;re building your site, a clean page with just your logo and an email signup form looks far more professional than a half-built homepage with a full navigation menu.</p>



<p class="wp-block-paragraph"><strong>5. Email opt-in squeeze pages.</strong> Similar to landing pages, but specifically designed to collect email addresses. One headline, one form, one button &#8211; the header just gets in the way.</p>



<h2 class="wp-block-heading">What About Transparent Headers?</h2>



<p class="wp-block-paragraph">Hiding the header and making it transparent are two different things. A <a href="/how-to-create-a-transparent-header-in-kadence-free/">transparent header</a> keeps the navigation visible but removes the background color, letting your hero image show through. The menu is still there &#8211; it just blends into the page design.</p>



<p class="wp-block-paragraph">You can control this per page too. In the same Page Settings panel, there&#8217;s a <strong>&#8220;Transparent Header&#8221;</strong> dropdown. Change it from &#8220;Default&#8221; to &#8220;Disable&#8221; to turn off the transparent effect on a specific page, or &#8220;Enable&#8221; to force it on.</p>



<p class="wp-block-paragraph">Use a transparent header when you want navigation but a cleaner look. Use &#8220;Disable Header&#8221; when you want the navigation gone entirely.</p>



<h2 class="wp-block-heading">Frequently Asked Questions</h2>



<h3 class="wp-block-heading">Can you hide the menu on a WordPress landing page?</h3>



<p class="wp-block-paragraph">Yes. In Kadence, open your landing page in the block editor, click the Page Settings icon (top right), and toggle &#8220;Disable Header&#8221; to On. This removes the entire header &#8211; logo, menu, everything &#8211; from that one page. No code needed, and it&#8217;s free.</p>



<h3 class="wp-block-heading">How do I use a blank canvas in Kadence?</h3>



<p class="wp-block-paragraph">Toggle both &#8220;Disable Header&#8221; and &#8220;Disable Footer&#8221; in the Page Settings panel. This gives you a completely blank page with just your content &#8211; no navigation, no footer widgets, no site branding. I use this for landing pages, sales pages, and Link in Bio pages.</p>



<h3 class="wp-block-heading">Do I need Kadence Pro to hide the header?</h3>



<p class="wp-block-paragraph">No. The &#8220;Disable Header&#8221; toggle works in the free version of Kadence. Kadence Pro adds Conditional Headers (swapping different header designs by page type), but for simply hiding the header on specific pages, the free theme handles it perfectly.</p>



<h3 class="wp-block-heading">Will hiding the header hurt my SEO?</h3>



<p class="wp-block-paragraph">Only if you forget to add an H1. When the header is disabled, the page title (which is your H1) might disappear too. Add an H1 Heading block manually in your page content with your target keyword. That takes 10 seconds and keeps your SEO intact.</p>



<h3 class="wp-block-heading">Does disabling the header affect my other pages?</h3>



<p class="wp-block-paragraph">No. The &#8220;Disable Header&#8221; toggle only affects the single page where you enable it. Every other page on your site keeps its normal header and navigation. You can toggle it on or off per page without any site-wide impact.</p>



<h3 class="wp-block-heading">Can I have a different header for just one page?</h3>



<p class="wp-block-paragraph">In the free version, your options are showing the full header, hiding it completely, or switching to a transparent header on a per-page basis. For a completely custom header design on just one page, you&#8217;d need Kadence Pro&#8217;s Conditional Headers feature.</p>



<h3 class="wp-block-heading">How do I hide the header using CSS if the toggle doesn&#8217;t work?</h3>



<p class="wp-block-paragraph">If a plugin is interfering with Kadence&#8217;s toggle, you can add <code>.page-id-12 .site-header { display: none; }</code> to your Additional CSS in the Customizer. Replace <code>12</code> with your actual page ID. But I&#8217;d try deactivating plugins first &#8211; the toggle should work on its own.</p>



<h2 class="wp-block-heading">Wrapping Up</h2>



<p class="wp-block-paragraph">Hiding the header on specific Kadence pages is one of those features that&#8217;s incredibly useful once you know it exists. And most beginners never find it because it&#8217;s tucked inside the Page Settings panel instead of the Customizer.</p>



<p class="wp-block-paragraph">Here&#8217;s my quick workflow for headerless landing pages:</p>



<ol class="wp-block-list">
<li>Open the page and click the Page Settings icon (top right).</li>



<li>Toggle <strong>Disable Header</strong> to On.</li>



<li>Toggle <strong>Disable Footer</strong> to On (optional, but I usually do).</li>



<li>Add an <strong>H1 Heading block</strong> at the top of your content for SEO.</li>



<li>Click Update and preview the page.</li>
</ol>



<p class="wp-block-paragraph">The whole process takes under a minute. No CSS, no plugins, no page builder required &#8211; just Kadence&#8217;s built-in toggles doing exactly what you need.</p>

]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Where Did the WordPress Customizer Go? (And How to Find It)</title>
		<link>https://thewpninja.com/where-did-the-wordpress-customizer-go/</link>
		
		<dc:creator><![CDATA[]]></dc:creator>
		<pubDate>Fri, 01 May 2026 20:57:29 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<guid isPermaLink="false">https://thewpninja.com/where-did-the-wordpress-customizer-go/</guid>

					<description><![CDATA[You followed a tutorial that said &#8220;go to Appearance &#62; Customize&#8221; &#8211; and the link isn&#8217;t there. I&#8217;ve been in that exact spot, staring at the Appearance menu wondering if I accidentally broke something. You didn&#8217;t. WordPress moved things around, and it catches people off guard all the time. If you&#8217;re using a block theme...]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">You followed a tutorial that said &#8220;go to Appearance &gt; Customize&#8221; &#8211; and the link isn&#8217;t there. I&#8217;ve been in that exact spot, staring at the Appearance menu wondering if I accidentally broke something. You didn&#8217;t. WordPress moved things around, and it catches people off guard all the time.</p>



<p class="wp-block-paragraph">If you&#8217;re using a block theme like Twenty Twenty-Four, the Customizer is hidden on purpose. WordPress replaced it with something called the Site Editor. Here&#8217;s where everything went and how to get it back when you need it.</p>



<h2 class="wp-block-heading">Why Is the WordPress Customizer Missing?</h2>



<p class="wp-block-paragraph">Starting with WordPress 5.9, WordPress introduced Full Site Editing (FSE) and a brand new tool called the Site Editor. Block themes &#8211; like WordPress&#8217;s own Twenty Twenty-Four &#8211; use the Site Editor instead of the Customizer. So when you activate a block theme, WordPress hides the Customizer link from your menu. This shift is part of the bigger <a href="/classic-editor-vs-gutenberg-in-2026/">Classic Editor vs Gutenberg story</a> that&#8217;s been playing out since 2018.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/05/47-appearance-menu-block-theme.webp"><img loading="lazy" decoding="async" width="1912" height="687" src="https://thewpninja.com/wp-content/uploads/2026/05/47-appearance-menu-block-theme.webp" alt="WordPress Appearance submenu on Twenty Twenty-Five block theme showing only Themes and Editor links - no Customize option" class="wp-image-597" srcset="https://thewpninja.com/wp-content/uploads/2026/05/47-appearance-menu-block-theme.webp 1912w, https://thewpninja.com/wp-content/uploads/2026/05/47-appearance-menu-block-theme-300x108.webp 300w, https://thewpninja.com/wp-content/uploads/2026/05/47-appearance-menu-block-theme-1024x368.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/05/47-appearance-menu-block-theme-768x276.webp 768w, https://thewpninja.com/wp-content/uploads/2026/05/47-appearance-menu-block-theme-1536x552.webp 1536w" sizes="auto, (max-width: 1912px) 100vw, 1912px" /></a></figure>



<p class="wp-block-paragraph">But here&#8217;s the important part: the Customizer isn&#8217;t gone from WordPress itself. It&#8217;s just hidden because block themes don&#8217;t need it. &#8220;Hybrid&#8221; themes like Kadence, Astra, and GeneratePress still rely heavily on the Customizer for their header builders, footer builders, color settings, and font controls.</p>



<p class="wp-block-paragraph">If you&#8217;re using one of those themes, the Customizer link should still be right there under Appearance &gt; Customize.</p>



<p class="wp-block-paragraph">The confusion usually starts when someone switches from a hybrid theme like Kadence to a block theme like Twenty Twenty-Four. One day the link is there, the next day it&#8217;s gone. That&#8217;s exactly what happened to me when I was testing themes &#8211; and it took me a solid 10 minutes of Googling to figure out what was going on.</p>



<h2 class="wp-block-heading">Where Did Everything Move?</h2>



<p class="wp-block-paragraph">The good news is that every feature from the Customizer still exists somewhere in the Site Editor. The bad news is that nothing is in the same place. Here&#8217;s a quick map of where to find things.</p>



<h3 class="wp-block-heading">Menus</h3>



<p class="wp-block-paragraph">Your navigation menus moved to <strong>Appearance &gt; Editor &gt; Navigation</strong>. The menu editing experience is completely different now &#8211; you build menus with blocks instead of the old drag-and-drop interface. It takes some getting used to, but it&#8217;s actually more flexible once you learn it.</p>



<h3 class="wp-block-heading">Colors and Fonts</h3>



<p class="wp-block-paragraph">These are now at <strong>Appearance &gt; Editor &gt; Styles</strong>. Click the Styles panel (the half-moon icon) and you&#8217;ll see options for colors, typography, spacing, and layout. The controls are more visual than the old Customizer dropdowns.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/05/47-site-editor-styles-panel.webp"><img loading="lazy" decoding="async" width="1275" height="1146" src="https://thewpninja.com/wp-content/uploads/2026/05/47-site-editor-styles-panel.webp" alt="WordPress Site Editor Styles panel showing typography, colors, background, shadows, and layout sections that replaced the old Customizer" class="wp-image-598" srcset="https://thewpninja.com/wp-content/uploads/2026/05/47-site-editor-styles-panel.webp 1275w, https://thewpninja.com/wp-content/uploads/2026/05/47-site-editor-styles-panel-300x270.webp 300w, https://thewpninja.com/wp-content/uploads/2026/05/47-site-editor-styles-panel-1024x920.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/05/47-site-editor-styles-panel-768x690.webp 768w" sizes="auto, (max-width: 1275px) 100vw, 1275px" /></a></figure>



<h3 class="wp-block-heading">Additional CSS</h3>



<p class="wp-block-paragraph">This one is buried. Go to <strong>Appearance &gt; Editor &gt; Styles</strong>, click the <strong>Edit Styles</strong> pencil icon, then click the <strong>three-dot menu</strong> in the top right corner, and select <strong>Additional CSS</strong>. It works exactly the same as before &#8211; paste your CSS snippet and it applies site-wide. WordPress just hid it behind 3 extra clicks.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/05/47-additional-css-buried-path.webp"><img loading="lazy" decoding="async" width="1275" height="1146" src="https://thewpninja.com/wp-content/uploads/2026/05/47-additional-css-buried-path.webp" alt="Additional CSS option hidden inside the three-dot menu in the WordPress Site Editor Styles panel" class="wp-image-599" srcset="https://thewpninja.com/wp-content/uploads/2026/05/47-additional-css-buried-path.webp 1275w, https://thewpninja.com/wp-content/uploads/2026/05/47-additional-css-buried-path-300x270.webp 300w, https://thewpninja.com/wp-content/uploads/2026/05/47-additional-css-buried-path-1024x920.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/05/47-additional-css-buried-path-768x690.webp 768w" sizes="auto, (max-width: 1275px) 100vw, 1275px" /></a></figure>



<h3 class="wp-block-heading">Widgets</h3>



<p class="wp-block-paragraph">Widgets don&#8217;t have their own page anymore. In block themes, sidebars and widget areas are replaced by template parts that you edit with blocks directly in the Site Editor. If your block theme has a sidebar, you&#8217;d edit it by going to <strong>Appearance &gt; Editor &gt; Template Parts</strong> and modifying the sidebar template.</p>



<h2 class="wp-block-heading">How Do I Access the WordPress Customizer in 2026?</h2>



<p class="wp-block-paragraph">Here&#8217;s the shortcut that solves this immediately. Just type this URL directly into your browser:</p>



<pre class="wp-block-code"><code>yoursite.com/wp-admin/customize.php</code></pre>



<p class="wp-block-paragraph">Replace <code>yoursite.com</code> with your actual domain. This forces the Customizer open even on block themes. WordPress doesn&#8217;t delete the Customizer when you switch to a block theme &#8211; it just hides the menu link. The direct URL still works.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/05/47-customize-php-direct-url.webp"><img loading="lazy" decoding="async" width="1123" height="1135" src="https://thewpninja.com/wp-content/uploads/2026/05/47-customize-php-direct-url.webp" alt="WordPress Customizer forced open on a block theme by visiting wp-admin slash customize.php directly" class="wp-image-600" srcset="https://thewpninja.com/wp-content/uploads/2026/05/47-customize-php-direct-url.webp 1123w, https://thewpninja.com/wp-content/uploads/2026/05/47-customize-php-direct-url-297x300.webp 297w, https://thewpninja.com/wp-content/uploads/2026/05/47-customize-php-direct-url-1013x1024.webp 1013w, https://thewpninja.com/wp-content/uploads/2026/05/47-customize-php-direct-url-768x776.webp 768w" sizes="auto, (max-width: 1123px) 100vw, 1123px" /></a></figure>



<p class="wp-block-paragraph">I bookmarked this URL on 2 of my test sites. It&#8217;s faster than digging through the Site Editor when I just need to paste a quick CSS snippet.</p>



<p class="wp-block-paragraph">One thing to know: when you open the Customizer on a block theme, some sections might be empty or limited. That&#8217;s because block themes handle those settings through the Site Editor instead. But the Additional CSS section still works perfectly through this URL, which is the main reason most people need the Customizer in the first place.</p>



<h2 class="wp-block-heading">Which Themes Still Use the Customizer?</h2>



<p class="wp-block-paragraph">Not all themes are block themes. In fact, most of the popular third-party themes still use the Customizer as their main settings hub.</p>



<figure class="wp-block-table"><table><thead><tr><th>Theme</th><th>Uses Customizer?</th><th>Notes</th></tr></thead><tbody><tr><td>Kadence</td><td>Yes</td><td>Full header builder, footer builder, colors, fonts, layout</td></tr><tr><td>Astra</td><td>Yes</td><td>Similar setup &#8211; Customizer-heavy with lots of options</td></tr><tr><td>GeneratePress</td><td>Yes</td><td>Customizer for layout, typography, and color controls</td></tr><tr><td>Twenty Twenty-Four</td><td>No</td><td>Site Editor only</td></tr><tr><td>Twenty Twenty-Five</td><td>No</td><td>Site Editor only</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">If you switched from Kadence or Astra to a default block theme, that&#8217;s almost certainly why the Customizer disappeared. And if you prefer the Customizer workflow, sticking with a hybrid theme like Kadence is a perfectly valid choice. Kadence gives you a full <a href="/how-to-create-a-transparent-header-in-kadence-free/">header builder</a>, <a href="/how-to-change-footer-copyright-text-in-kadence-free/">footer customization</a>, and <a href="/how-to-set-up-a-sticky-header-in-kadence-free/">sticky header options</a> &#8211; all through the Customizer.</p>



<p class="wp-block-paragraph">If you&#8217;re using the Customizer and your changes aren&#8217;t sticking, that&#8217;s a separate issue &#8211; I wrote a fix for <a href="/how-to-fix-kadence-customizer-not-saving-changes/">Kadence Customizer not saving changes</a> that covers the most common causes.</p>



<p class="wp-block-paragraph">There&#8217;s also a bonus side effect worth knowing about. Certain plugins &#8211; like WooCommerce &#8211; force the Customizer menu link to reappear even on block themes. So if you install WooCommerce and suddenly see &#8220;Customize&#8221; under Appearance again, that&#8217;s why.</p>



<h2 class="wp-block-heading">Should You Learn the Site Editor or Stick with the Customizer?</h2>



<p class="wp-block-paragraph">This depends entirely on your situation. Here&#8217;s how I think about it.</p>



<p class="wp-block-paragraph"><strong>Stick with the Customizer if:</strong></p>



<ul class="wp-block-list"><li>You&#8217;re already using a hybrid theme like Kadence, Astra, or GeneratePress</li><li>Your site is set up and working the way you want</li><li>You don&#8217;t want to relearn how to manage menus, colors, and layouts</li></ul>



<p class="wp-block-paragraph"><strong>Learn the Site Editor if:</strong></p>



<ul class="wp-block-list"><li>You&#8217;re starting a brand new site and want to use a modern block theme</li><li>You like the idea of editing every part of your site with blocks</li><li>You want to design custom page templates without code or page builders (just be careful not to <a href="/how-to-fix-global-template-changes-ruining-your-site/">accidentally edit a global template and break your site</a>)</li></ul>



<p class="wp-block-paragraph">The Customizer isn&#8217;t going away anytime soon. Millions of active sites depend on it, and WordPress has committed to keeping it functional. But new features and improvements are going into the Site Editor, not the Customizer. So if you&#8217;re building something from scratch, the Site Editor is where things are headed.</p>



<p class="wp-block-paragraph">And honestly? The Site Editor in 2026 is much better than it was when it first launched. The early versions were rough &#8211; slow, buggy, and confusing. But WordPress has put 4+ years of work into it now, and it&#8217;s genuinely usable. I still prefer Kadence&#8217;s Customizer for header and footer building, but the Site Editor&#8217;s Styles panel for colors and fonts is actually quite nice.</p>



<h2 class="wp-block-heading">Frequently Asked Questions</h2>



<h3 class="wp-block-heading">Where is Additional CSS in block themes?</h3>



<p class="wp-block-paragraph">Go to Appearance &gt; Editor &gt; Styles, click the Edit Styles pencil icon, then click the three-dot menu in the top right and select &#8220;Additional CSS.&#8221; It works the same as the old Customizer version &#8211; you just have to click through 3 more screens to get there. Or skip all of that and go directly to <code>yoursite.com/wp-admin/customize.php</code> &#8211; the Additional CSS section still works through the direct URL.</p>



<h3 class="wp-block-heading">Is the WordPress Customizer deprecated?</h3>



<p class="wp-block-paragraph">Not officially. WordPress still supports the Customizer and it works on every theme that uses it. Block themes hide the menu link, but the Customizer itself is fully functional. WordPress hasn&#8217;t announced any plans to remove it &#8211; with 5+ million sites using the Classic Editor plugin alone, removing the Customizer would break too many sites.</p>



<h3 class="wp-block-heading">Can I use both the Customizer and the Site Editor?</h3>



<p class="wp-block-paragraph">It depends on your theme. Hybrid themes like Kadence primarily use the Customizer, so you&#8217;d use that for most settings. Block themes use the Site Editor. You can force-open the Customizer on a block theme using the direct URL (<code>/wp-admin/customize.php</code>), but most settings will be handled through the Site Editor. There&#8217;s no conflict between them &#8211; they just manage different things.</p>



<h3 class="wp-block-heading">Do I need a plugin to bring back the Customizer?</h3>



<p class="wp-block-paragraph">No. If you&#8217;re on a hybrid theme, the Customizer is already there. If you&#8217;re on a block theme, use the direct URL trick (<code>/wp-admin/customize.php</code>) to access it. There are plugins that add the Customizer menu link back, but they&#8217;re unnecessary. The direct URL does the same thing without adding another plugin to your site.</p>



<h3 class="wp-block-heading">Why is the Customize option missing in WordPress?</h3>



<p class="wp-block-paragraph">I noticed this happens whenever I activate a new Block Theme like Twenty Twenty-Four. WordPress hides it because they want me using the new Site Editor instead.</p>



<h3 class="wp-block-heading">How do I enable the Customizer in a block theme?</h3>



<p class="wp-block-paragraph">I usually just type <code>/wp-admin/customize.php</code> at the end of my URL to force it open. Alternatively, installing a plugin like Yoast SEO often brings the menu link back.</p>



<h3 class="wp-block-heading">Where is the Theme Customizer in WordPress 6.x?</h3>



<p class="wp-block-paragraph">If I&#8217;m using a classic theme, it&#8217;s right under Appearance &gt; Customize. If it&#8217;s gone, I know I&#8217;m probably dealing with a Full Site Editing theme.</p>



<h3 class="wp-block-heading">How to fix WordPress Customizer not showing?</h3>



<p class="wp-block-paragraph">When I know I&#8217;m on a classic theme and it&#8217;s still missing, I check my plugins. A security plugin is usually blocking my access, or I&#8217;m not logged in as an admin.</p>



<h2 class="wp-block-heading">Wrapping Up</h2>



<p class="wp-block-paragraph">The WordPress Customizer isn&#8217;t gone &#8211; it&#8217;s just hidden when you use a block theme. WordPress replaced it with the Site Editor, which handles menus, colors, fonts, and templates in a completely different way.</p>



<p class="wp-block-paragraph">Here&#8217;s the quick version:</p>



<ol class="wp-block-list"><li><strong>Using Kadence, Astra, or GeneratePress?</strong> The Customizer is still under Appearance &gt; Customize. Nothing changed for you.</li><li><strong>Using a block theme?</strong> Your settings moved to Appearance &gt; Editor. Check the Styles panel for colors and fonts, Navigation for menus.</li><li><strong>Just need the Customizer right now?</strong> Go to <code>yoursite.com/wp-admin/customize.php</code> directly. It still works.</li></ol>



<p class="wp-block-paragraph">Don&#8217;t panic if you can&#8217;t find it. And don&#8217;t install a plugin to bring it back. Either learn where things moved in the Site Editor, or switch to a hybrid theme that still uses the Customizer the way you&#8217;re used to. Both are perfectly fine options.</p>

]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Why Did My WordPress Blog Posts Disappear? (And How to Fix It)</title>
		<link>https://thewpninja.com/why-did-my-wordpress-blog-posts-disappear/</link>
		
		<dc:creator><![CDATA[]]></dc:creator>
		<pubDate>Thu, 23 Apr 2026 19:30:09 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<guid isPermaLink="false">https://thewpninja.com/why-did-my-wordpress-blog-posts-disappear/</guid>

					<description><![CDATA[Your blog page is empty. The posts you wrote last week are gone. It really looks like someone deleted everything. Take a breath. Your posts are almost certainly still there. I&#8217;ve watched this happen to 4 different bloggers in the last year, and not once was anything actually missing. The posts were sitting in Posts...]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Your blog page is empty. The posts you wrote last week are gone. It really looks like someone deleted everything.</p>



<p class="wp-block-paragraph">Take a breath. Your posts are almost certainly still there.</p>



<p class="wp-block-paragraph">I&#8217;ve watched this happen to 4 different bloggers in the last year, and not once was anything actually missing. The posts were sitting in <strong>Posts &gt; All Posts</strong>, right where they always were. The problem was a setting that told WordPress to stop displaying them publicly. In the most common case, this is a 2-click fix.</p>



<p class="wp-block-paragraph">Here&#8217;s the checklist I walk through when WordPress blog posts are not showing up on the front end.</p>



<h2 class="wp-block-heading">Why aren&#8217;t my WordPress blog posts showing up?</h2>



<p class="wp-block-paragraph">The short answer: WordPress stopped knowing where to put them.</p>



<p class="wp-block-paragraph">When you install WordPress, your homepage shows your latest posts automatically. But the moment you set a static homepage, WordPress assumes you&#8217;ll tell it where the blog should go. Forget that second step and your posts vanish from the front end &#8211; even though they&#8217;re still in the database.</p>



<p class="wp-block-paragraph">Log into your dashboard and click <strong>Posts &gt; All Posts</strong>. If your articles are listed there with &#8220;Published&#8221; next to them, nothing is lost. You just need to show WordPress where to display them again.</p>



<p class="wp-block-paragraph">Here are the 5 things I check when posts disappear, in the order I check them:</p>



<ol class="wp-block-list"><li>A static homepage is set, but no posts page is assigned in <strong>Settings &gt; Reading</strong></li>
<li>Posts are saved as Draft or Private instead of Published</li>
<li>The permalinks structure broke and the blog page returns a 404</li>
<li>The blog page exists but isn&#8217;t linked in the menu anywhere</li>
<li>A block theme (like Twenty Twenty-Four) is using a template that doesn&#8217;t pull posts</li></ol>



<p class="wp-block-paragraph">The first one fixes about 70% of the cases I&#8217;ve seen. So let&#8217;s start there.</p>



<h2 class="wp-block-heading">How do I set a specific page to show my blog posts?</h2>



<p class="wp-block-paragraph">This is the fix that catches most people. It takes 3 clicks.</p>



<p class="wp-block-paragraph">Go to <strong>Settings &gt; Reading</strong>. You&#8217;ll see &#8220;Your homepage displays&#8221; at the top with 2 radio buttons: &#8220;Your latest posts&#8221; and &#8220;A static page.&#8221;</p>



<p class="wp-block-paragraph">If you picked &#8220;A static page&#8221; at some point (or your theme&#8217;s starter template picked it for you), you&#8217;ll see 2 dropdowns underneath: <strong>Homepage</strong> and <strong>Posts page</strong>. The Homepage dropdown is probably set to your welcome page. The Posts page dropdown is probably set to &#8220;- Select -&#8221; and that&#8217;s the problem.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/55-settings-reading-posts-page-empty.webp"><img loading="lazy" decoding="async" width="1566" height="1069" src="https://thewpninja.com/wp-content/uploads/2026/04/55-settings-reading-posts-page-empty.webp" alt="WordPress Settings Reading page with static page option selected, Homepage set, and Posts page dropdown empty, the common cause of blog posts not showing up" class="wp-image-589" srcset="https://thewpninja.com/wp-content/uploads/2026/04/55-settings-reading-posts-page-empty.webp 1566w, https://thewpninja.com/wp-content/uploads/2026/04/55-settings-reading-posts-page-empty-300x205.webp 300w, https://thewpninja.com/wp-content/uploads/2026/04/55-settings-reading-posts-page-empty-1024x699.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/04/55-settings-reading-posts-page-empty-768x524.webp 768w, https://thewpninja.com/wp-content/uploads/2026/04/55-settings-reading-posts-page-empty-1536x1049.webp 1536w" sizes="auto, (max-width: 1566px) 100vw, 1566px" /></a></figure>



<p class="wp-block-paragraph">Here&#8217;s what to do:</p>



<ol class="wp-block-list"><li>Create a blank page called &#8220;Blog&#8221; (or &#8220;News&#8221; or &#8220;Articles&#8221;) under <strong>Pages &gt; Add New</strong>. Don&#8217;t add any content. Just publish the empty page.</li>
<li>Go back to <strong>Settings &gt; Reading</strong>.</li>
<li>In the Posts page dropdown, select the &#8220;Blog&#8221; page you just created.</li>
<li>Click <strong>Save Changes</strong> at the bottom.</li></ol>



<p class="wp-block-paragraph">That&#8217;s it. Visit yoursite.com/blog and your posts will be back.</p>



<p class="wp-block-paragraph">One warning: don&#8217;t add content to that page. WordPress ignores anything you put inside the page you assigned as your Posts page and overrides it with the post archive automatically.</p>



<p class="wp-block-paragraph">I&#8217;ve seen people spend an hour typing their blog intro in there and wondering why it never shows up. Leave it empty.</p>



<h2 class="wp-block-heading">What if my posts are saved as drafts instead of published?</h2>



<p class="wp-block-paragraph">This one catches me embarrassingly often. I write a post, hit Preview to check it, close the tab, and forget to actually click Publish.</p>



<p class="wp-block-paragraph">Go to <strong>Posts &gt; All Posts</strong>. Above the posts list, you&#8217;ll see tabs: All | Mine | Published | Scheduled | Draft | Trash. Click <strong>Draft</strong> and see what&#8217;s waiting there.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/55-posts-drafts-tab.webp"><img loading="lazy" decoding="async" width="2236" height="967" src="https://thewpninja.com/wp-content/uploads/2026/04/55-posts-drafts-tab.webp" alt="WordPress Posts All Posts screen filtered to the Drafts tab, showing unpublished blog posts that are not showing up on the site" class="wp-image-590" srcset="https://thewpninja.com/wp-content/uploads/2026/04/55-posts-drafts-tab.webp 2236w, https://thewpninja.com/wp-content/uploads/2026/04/55-posts-drafts-tab-300x130.webp 300w, https://thewpninja.com/wp-content/uploads/2026/04/55-posts-drafts-tab-1024x443.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/04/55-posts-drafts-tab-768x332.webp 768w, https://thewpninja.com/wp-content/uploads/2026/04/55-posts-drafts-tab-1536x664.webp 1536w, https://thewpninja.com/wp-content/uploads/2026/04/55-posts-drafts-tab-2048x886.webp 2048w" sizes="auto, (max-width: 2236px) 100vw, 2236px" /></a></figure>



<p class="wp-block-paragraph">If you see posts in Draft, they&#8217;re not public yet. Hover over the title, click <strong>Quick Edit</strong>, change the Status dropdown from &#8220;Draft&#8221; to &#8220;Published,&#8221; and click <strong>Update</strong>. Or open the post in the editor and click the big blue <strong>Publish</strong> button in the top right.</p>



<p class="wp-block-paragraph">Also check the <strong>Scheduled</strong> tab. A scheduled post has a future publish date, which means WordPress is holding it back until that date arrives. If you set the date wrong (say, 2027 instead of 2026), the post won&#8217;t show up for a very long time. Change the date and click Update.</p>



<p class="wp-block-paragraph">One more sneaky one: the <strong>Private</strong> status. If a post is set to Private, only logged-in admins can see it. When I&#8217;m logged in, the post looks fine to me, but readers get nothing.</p>



<p class="wp-block-paragraph">To check, click into the post and look at the Visibility setting in the right sidebar. It should say &#8220;Public,&#8221; not &#8220;Private.&#8221; Once your posts are back on the page, you might notice the layout feels cramped &#8211; my guide on <a href="/how-to-change-blog-post-container-width-in-kadence/">changing the blog post container width</a> covers how to give them room to breathe.</p>



<h2 class="wp-block-heading">How do I check if permalinks broke my blog page?</h2>



<p class="wp-block-paragraph">Sometimes your Blog page loads but clicking any post shows a 404. Or the /blog/ URL returns 404 even though the page exists. This is almost always a permalinks issue.</p>



<p class="wp-block-paragraph">Permalinks are the URL structure WordPress uses for your posts (like yoursite.com/my-post-title/). The rules that make these URLs work live in a file called <code>.htaccess</code>. When that file gets out of sync after a migration or a security plugin edit, WordPress forgets how to find your posts.</p>



<p class="wp-block-paragraph">The fix is weirdly simple. Go to <strong>Settings &gt; Permalinks</strong>. Don&#8217;t change anything. Just click <strong>Save Changes</strong> at the bottom.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/53-permalinks-post-name.webp"><img loading="lazy" decoding="async" width="1964" height="1475" src="https://thewpninja.com/wp-content/uploads/2026/04/53-permalinks-post-name.webp" alt="WordPress Settings Permalinks page with Post name structure selected and Save Changes button highlighted, used to flush rewrite rules when blog posts are not showing up" class="wp-image-577" srcset="https://thewpninja.com/wp-content/uploads/2026/04/53-permalinks-post-name.webp 1964w, https://thewpninja.com/wp-content/uploads/2026/04/53-permalinks-post-name-300x225.webp 300w, https://thewpninja.com/wp-content/uploads/2026/04/53-permalinks-post-name-1024x769.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/04/53-permalinks-post-name-768x577.webp 768w, https://thewpninja.com/wp-content/uploads/2026/04/53-permalinks-post-name-1536x1154.webp 1536w" sizes="auto, (max-width: 1964px) 100vw, 1964px" /></a></figure>



<p class="wp-block-paragraph">That single click tells WordPress to rewrite the <code>.htaccess</code> rules from scratch. Your posts and pages should reappear. If you want the full walkthrough on this, I wrote a dedicated guide on <a href="/how-to-fix-wordpress-404-errors-on-every-page/">fixing WordPress 404 errors on every page</a> that goes deeper into what&#8217;s happening under the hood.</p>



<p class="wp-block-paragraph">If you&#8217;re on an Nginx host (common with managed WordPress hosting like WP Engine or Kinsta), the <code>.htaccess</code> trick won&#8217;t help &#8211; Nginx uses its own rewrite rules. In that case, open a support ticket with your host and ask them to &#8220;flush the rewrite rules.&#8221; They know what that means. While you&#8217;re rebuilding the blog page, you might also want the featured images to <a href="/how-to-make-wordpress-images-stretch-full-width/">stretch full width</a> so posts feel more polished.</p>



<h2 class="wp-block-heading">What if the blog page isn&#8217;t linked in my menu?</h2>



<p class="wp-block-paragraph">Here&#8217;s a silly cause that&#8217;s easy to miss. Your posts are published and your settings are correct, but there&#8217;s no way for visitors to find the blog page from your homepage.</p>



<p class="wp-block-paragraph">Go to <strong>Appearance &gt; Menus</strong> (or <strong>Appearance &gt; Editor &gt; Navigation</strong> on a block theme). Look at your primary menu. If &#8220;Blog&#8221; isn&#8217;t listed, add it. My guide on <a href="/how-to-add-items-to-wordpress-menu/">how to add items to your WordPress menu</a> covers both the classic and block editor paths.</p>



<p class="wp-block-paragraph">While you&#8217;re there, check your homepage content too. Most starter themes include a Latest Posts block that pulls in your articles automatically. If your homepage was built from scratch or switched to a page builder, that block might be gone. Drop one in so visitors see fresh content without hunting.</p>



<h2 class="wp-block-heading">What if I&#8217;m using a block theme with templates?</h2>



<p class="wp-block-paragraph">Block themes (any theme that uses the Site Editor at <strong>Appearance &gt; Editor</strong>) handle posts differently from classic themes. Themes like Twenty Twenty-Four, Twenty Twenty-Five, and Ollie fall into this category.</p>



<p class="wp-block-paragraph">With a block theme, the layout for your blog page comes from a template called &#8220;Blog&#8221; or &#8220;Home&#8221; inside the Site Editor. If you (or a theme update) replaced that template with a custom layout that doesn&#8217;t include a Query Loop block, your posts won&#8217;t render.</p>



<p class="wp-block-paragraph">Go to <strong>Appearance &gt; Editor &gt; Templates</strong> and find the template called &#8220;Blog,&#8221; &#8220;Home,&#8221; or &#8220;Index.&#8221; Click to edit it. Look for a block called <strong>Query Loop</strong> &#8211; this is the block that actually fetches and displays your posts. If it&#8217;s missing, you can add it back.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/55-site-editor-templates-blog.webp"><img loading="lazy" decoding="async" width="2272" height="1895" src="https://thewpninja.com/wp-content/uploads/2026/04/55-site-editor-templates-blog.webp" alt="WordPress Site Editor Templates list with the Blog template highlighted in a block theme, where missing Query Loop blocks cause WordPress blog posts not showing up" class="wp-image-591" srcset="https://thewpninja.com/wp-content/uploads/2026/04/55-site-editor-templates-blog.webp 2272w, https://thewpninja.com/wp-content/uploads/2026/04/55-site-editor-templates-blog-300x250.webp 300w, https://thewpninja.com/wp-content/uploads/2026/04/55-site-editor-templates-blog-1024x854.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/04/55-site-editor-templates-blog-768x641.webp 768w, https://thewpninja.com/wp-content/uploads/2026/04/55-site-editor-templates-blog-1536x1281.webp 1536w, https://thewpninja.com/wp-content/uploads/2026/04/55-site-editor-templates-blog-2048x1708.webp 2048w" sizes="auto, (max-width: 2272px) 100vw, 2272px" /></a></figure>



<p class="wp-block-paragraph">Click the <strong>+</strong> button, search for &#8220;Query Loop,&#8221; and insert it into the template. Pick a layout pattern when prompted (I usually go with the simple list view). Save the template. Your posts should appear.</p>



<p class="wp-block-paragraph">If you accidentally broke the template and can&#8217;t figure out what changed, you can usually reset it. In the Site Editor, click the 3-dot menu next to the template name and look for &#8220;Clear customizations&#8221; or &#8220;Reset to default.&#8221; This rolls the template back to whatever the theme shipped with. I have a separate guide on <a href="/how-to-fix-global-template-changes-ruining-your-site/">fixing global template changes that ruined your site</a> if this happened across more than one template. And if you miss the old writing experience entirely, my comparison of <a href="/classic-editor-vs-gutenberg-in-2026/">Classic Editor vs Gutenberg in 2026</a> walks through when to switch back.</p>



<h2 class="wp-block-heading">Should I restore from a backup?</h2>



<p class="wp-block-paragraph">Only as a last resort. Before restoring anything, confirm your posts are actually missing from the database &#8211; not just missing from public view.</p>



<p class="wp-block-paragraph">Go to <strong>Posts &gt; All Posts</strong> and check the count at the top. If you see &#8220;25 items&#8221; and your titles are listed, the posts exist. Restoring a backup would be overkill and you&#8217;d lose any changes made since that backup ran.</p>



<p class="wp-block-paragraph">Restoring only makes sense if <strong>Posts &gt; All Posts</strong> shows an empty list or a much lower count than expected. That points to something (a bad migration, database corruption, or an actual hack) removing data from the <code>wp_posts</code> table. In that case, restore the database only from your backup plugin. If you don&#8217;t have a backup yet, that&#8217;s the first thing to fix &#8211; my guide on <a href="/how-to-backup-wordpress-site-before-changes/">backing up your WordPress site before changes</a> takes 5 minutes.</p>



<h2 class="wp-block-heading">Frequently Asked Questions</h2>



<h3 class="wp-block-heading">Why are my WordPress blog posts not showing up?</h3>



<p class="wp-block-paragraph">In my experience, this usually happens because of a mix-up in your reading settings or a permalink issue. Sometimes, WordPress gets confused about which page is supposed to display your content.</p>



<h3 class="wp-block-heading">How do I set a specific page as my blog page?</h3>



<p class="wp-block-paragraph">I always head straight to Settings &gt; Reading in my WordPress dashboard. From there, I change the &#8220;Posts page&#8221; dropdown to my dedicated blog page and hit save. It takes about 15 seconds to fix.</p>



<h3 class="wp-block-heading">Why did my published posts disappear from my site?</h3>



<p class="wp-block-paragraph">If they vanished suddenly, I&#8217;d bet your site&#8217;s permalink structure got corrupted after a plugin update. Going to Settings &gt; Permalinks and clicking &#8220;Save Changes&#8221; usually brings all 50 of your missing posts right back.</p>



<h3 class="wp-block-heading">How do I check if permalinks broke my blog page?</h3>



<p class="wp-block-paragraph">I like to test this by trying to view a single post directly from the dashboard. If the post loads but the main blog page gives a 404 error, I know the permalinks need to be flushed.</p>



<h2 class="wp-block-heading">You didn&#8217;t lose your posts</h2>



<p class="wp-block-paragraph">Here&#8217;s what I want you to take away from this. When blog posts vanish in WordPress, it&#8217;s almost always a configuration issue, not a data loss issue. Your words are still there. You just need to tell WordPress where to put them.</p>



<p class="wp-block-paragraph">Start with <strong>Settings &gt; Reading</strong>. If that doesn&#8217;t solve it, check draft status, permalinks, your menu, and your block theme templates in that order. One of those 5 checks will bring your posts back.</p>



<p class="wp-block-paragraph">And once they&#8217;re back, install a backup plugin so you never have to second-guess yourself next time. A 5-minute setup now saves you an hour of panic later.</p>

]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to Fix &#8220;Briefly Unavailable for Scheduled Maintenance&#8221; in WordPress</title>
		<link>https://thewpninja.com/how-to-fix-briefly-unavailable-for-scheduled-maintenance/</link>
		
		<dc:creator><![CDATA[]]></dc:creator>
		<pubDate>Thu, 23 Apr 2026 19:30:08 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<guid isPermaLink="false">https://thewpninja.com/how-to-fix-briefly-unavailable-for-scheduled-maintenance/</guid>

					<description><![CDATA[You hit &#8220;update&#8221; on a plugin, walked away for coffee, and came back to a site that just says &#8220;Briefly unavailable for scheduled maintenance. Check back in a minute.&#8221; You refresh. Still there. You try /wp-admin. Same message. Your site is locked out &#8211; visitors can&#8217;t read it, and you can&#8217;t fix it from the...]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">You hit &#8220;update&#8221; on a plugin, walked away for coffee, and came back to a site that just says <strong>&#8220;Briefly unavailable for scheduled maintenance. Check back in a minute.&#8221;</strong></p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/54-briefly-unavailable-error.webp"><img loading="lazy" decoding="async" width="1329" height="498" src="https://thewpninja.com/wp-content/uploads/2026/04/54-briefly-unavailable-error.webp" alt="WordPress site showing the Briefly unavailable for scheduled maintenance error message that appears when a site is stuck in maintenance mode" class="wp-image-583" srcset="https://thewpninja.com/wp-content/uploads/2026/04/54-briefly-unavailable-error.webp 1329w, https://thewpninja.com/wp-content/uploads/2026/04/54-briefly-unavailable-error-300x112.webp 300w, https://thewpninja.com/wp-content/uploads/2026/04/54-briefly-unavailable-error-1024x384.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/04/54-briefly-unavailable-error-768x288.webp 768w" sizes="auto, (max-width: 1329px) 100vw, 1329px" /></a></figure>



<p class="wp-block-paragraph">You refresh. Still there. You try <code>/wp-admin</code>. Same message.</p>



<p class="wp-block-paragraph">Your site is locked out &#8211; visitors can&#8217;t read it, and you can&#8217;t fix it from the dashboard.</p>



<p class="wp-block-paragraph">This one is driving everyone crazy, and it shows up in the WordPress support forums almost every day. Here&#8217;s the good news. It&#8217;s usually a 10-second fix, and you don&#8217;t need a developer.</p>



<p class="wp-block-paragraph">I&#8217;ve walked through this exact problem 3 times on my own sites. Let me show you what to do.</p>



<h2 class="wp-block-heading">What does &#8220;Briefly Unavailable for Scheduled Maintenance&#8221; actually mean?</h2>



<p class="wp-block-paragraph">When WordPress updates a plugin, theme, or the core software, it drops a tiny file called <code>.maintenance</code> in your site&#8217;s main folder. That file is a flag. It tells WordPress &#8220;don&#8217;t let anyone in right now, I&#8217;m in the middle of changing files.&#8221;</p>



<p class="wp-block-paragraph">The message visitors see is pulled straight from WordPress core. It&#8217;s meant to last 10-60 seconds while the update finishes. Then WordPress is supposed to delete the <code>.maintenance</code> file automatically and let traffic back in.</p>



<p class="wp-block-paragraph">The problem is when the update crashes, times out, or gets interrupted. WordPress never reaches the &#8220;delete the file&#8221; step. The flag stays up forever. Your site keeps showing the message even though the update finished (or failed) hours ago.</p>



<p class="wp-block-paragraph">That&#8217;s why you&#8217;re stuck. The fix is just to delete that one file manually.</p>



<h2 class="wp-block-heading">How do I fix WordPress stuck in maintenance mode?</h2>



<p class="wp-block-paragraph">You have 3 ways to reach that file and delete it. Pick whichever matches what you already have access to.</p>



<p class="wp-block-paragraph">If your host gave you a control panel login, use Option 1 &#8211; it&#8217;s the fastest. If you set up an FTP client ages ago, use Option 2. If you have no technical access at all, skip to Option 3. Stuck updates often leave other settings in a weird half-saved state too &#8211; I&#8217;ve seen this overlap with <a href="/how-to-fix-kadence-customizer-not-saving-changes/">Customizer not saving changes</a> on Kadence sites.</p>



<h3 class="wp-block-heading">Option 1: Using your host&#8217;s File Manager (non-technical)</h3>



<p class="wp-block-paragraph">Most WordPress hosts (Bluehost, SiteGround, Hostinger, HostGator, and many others) give you a browser-based File Manager inside a control panel like cPanel, Plesk, or their own dashboard. No software to install.</p>



<p class="wp-block-paragraph">Log in to your hosting account and look for <strong>File Manager</strong> on the dashboard. If you can&#8217;t find it, search your host&#8217;s help docs for &#8220;file manager&#8221; &#8211; they&#8217;ll show you the exact path.</p>



<p class="wp-block-paragraph">Once File Manager opens, navigate to your site&#8217;s root folder. This is usually called <code>public_html</code>. If you host multiple sites on the same account, your WordPress site might be in <code>public_html/yoursite.com/</code> instead. The right folder is the one containing <code>wp-config.php</code>, <code>wp-admin</code>, and <code>wp-content</code>.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/54-file-manager-site-root.webp"><img loading="lazy" decoding="async" width="1148" height="838" src="https://thewpninja.com/wp-content/uploads/2026/04/54-file-manager-site-root.webp" alt="File Manager showing the WordPress site root folder with wp-config.php, wp-admin, and wp-content visible, the location of the .maintenance file causing WordPress stuck in maintenance mode" class="wp-image-584" srcset="https://thewpninja.com/wp-content/uploads/2026/04/54-file-manager-site-root.webp 1148w, https://thewpninja.com/wp-content/uploads/2026/04/54-file-manager-site-root-300x219.webp 300w, https://thewpninja.com/wp-content/uploads/2026/04/54-file-manager-site-root-1024x747.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/04/54-file-manager-site-root-768x561.webp 768w" sizes="auto, (max-width: 1148px) 100vw, 1148px" /></a></figure>



<p class="wp-block-paragraph">Here&#8217;s the part that trips people up. Files starting with a dot (like <code>.maintenance</code>) are hidden by default.</p>



<p class="wp-block-paragraph">In File Manager, open the Settings or View menu and check the box for <strong>Show Hidden Files (dotfiles)</strong>. Save. The <code>.maintenance</code> file should now appear alongside your other site files.</p>



<p class="wp-block-paragraph">Right-click the <code>.maintenance</code> file and choose <strong>Delete</strong>. Confirm. That&#8217;s it.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/54-file-manager-maintenance-delete.webp"><img loading="lazy" decoding="async" width="1142" height="849" src="https://thewpninja.com/wp-content/uploads/2026/04/54-file-manager-maintenance-delete.webp" alt="File Manager right-click context menu over the .maintenance file with the Delete option visible, the one-click fix for WordPress stuck in maintenance mode" class="wp-image-585" srcset="https://thewpninja.com/wp-content/uploads/2026/04/54-file-manager-maintenance-delete.webp 1142w, https://thewpninja.com/wp-content/uploads/2026/04/54-file-manager-maintenance-delete-300x223.webp 300w, https://thewpninja.com/wp-content/uploads/2026/04/54-file-manager-maintenance-delete-1024x761.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/04/54-file-manager-maintenance-delete-768x571.webp 768w" sizes="auto, (max-width: 1142px) 100vw, 1142px" /></a></figure>



<p class="wp-block-paragraph">Go back to your site and refresh. It should load normally. If it doesn&#8217;t, try opening it in an incognito/private window to rule out browser caching.</p>



<h3 class="wp-block-heading">Option 2: Using an FTP client</h3>



<p class="wp-block-paragraph">If you already use an FTP client to manage your site, the steps are similar. Any SFTP/FTP tool works &#8211; pick whatever you&#8217;re comfortable with.</p>



<p class="wp-block-paragraph">Connect to your site using the FTP credentials your host provided. These are usually in the welcome email you got when you signed up, or available in your hosting dashboard under &#8220;FTP Accounts.&#8221;</p>



<p class="wp-block-paragraph">Once connected, open the folder that contains <code>wp-config.php</code>. Again, this is your WordPress root &#8211; probably <code>public_html</code> or something named after your domain.</p>



<p class="wp-block-paragraph">Turn on hidden files in your FTP client&#8217;s view settings. Most clients call this option &#8220;Show hidden files&#8221; or &#8220;Force showing hidden files&#8221; and bury it under a View, Server, or Preferences menu. Without this, you&#8217;ll scroll through the folder and swear the <code>.maintenance</code> file isn&#8217;t there. It is. You just can&#8217;t see it yet.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/54-ftp-client-hidden-files.webp"><img loading="lazy" decoding="async" width="1148" height="880" src="https://thewpninja.com/wp-content/uploads/2026/04/54-ftp-client-hidden-files.webp" alt="FTP client menu with the Show hidden files toggle option highlighted, required to reveal the .maintenance file that keeps WordPress stuck in maintenance mode" class="wp-image-586" srcset="https://thewpninja.com/wp-content/uploads/2026/04/54-ftp-client-hidden-files.webp 1148w, https://thewpninja.com/wp-content/uploads/2026/04/54-ftp-client-hidden-files-300x230.webp 300w, https://thewpninja.com/wp-content/uploads/2026/04/54-ftp-client-hidden-files-1024x785.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/04/54-ftp-client-hidden-files-768x589.webp 768w" sizes="auto, (max-width: 1148px) 100vw, 1148px" /></a></figure>



<p class="wp-block-paragraph">Once hidden files are showing, find <code>.maintenance</code> in the file list. Right-click it and choose <strong>Delete</strong>. Confirm when prompted.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/54-ftp-client-maintenance-selected.webp"><img loading="lazy" decoding="async" width="1136" height="868" src="https://thewpninja.com/wp-content/uploads/2026/04/54-ftp-client-maintenance-selected.webp" alt="FTP client file list with the .maintenance file selected and ready for deletion, the fix that gets WordPress out of stuck maintenance mode" class="wp-image-587" srcset="https://thewpninja.com/wp-content/uploads/2026/04/54-ftp-client-maintenance-selected.webp 1136w, https://thewpninja.com/wp-content/uploads/2026/04/54-ftp-client-maintenance-selected-300x229.webp 300w, https://thewpninja.com/wp-content/uploads/2026/04/54-ftp-client-maintenance-selected-1024x782.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/04/54-ftp-client-maintenance-selected-768x587.webp 768w" sizes="auto, (max-width: 1136px) 100vw, 1136px" /></a></figure>



<p class="wp-block-paragraph">Refresh your site. It should be back online.</p>



<h3 class="wp-block-heading">Option 3: Ask your host (last resort)</h3>



<p class="wp-block-paragraph">If you genuinely don&#8217;t have any file access &#8211; no cPanel, no FTP, nothing &#8211; contact your hosting support. Tell them exactly this: &#8220;My WordPress site is stuck showing &#8216;Briefly unavailable for scheduled maintenance.&#8217; Can you delete the <code>.maintenance</code> file in my site&#8217;s root folder?&#8221;</p>



<p class="wp-block-paragraph">Any half-decent WordPress host will recognize the problem immediately and fix it in under 5 minutes. It&#8217;s one of the most common tickets they get.</p>



<p class="wp-block-paragraph">Managed WordPress hosts like Kinsta, WP Engine, and Flywheel often have this in their help docs with a one-click button. Check their knowledge base before opening a ticket &#8211; you might fix it yourself in 30 seconds.</p>



<h2 class="wp-block-heading">Why did this happen in the first place?</h2>



<p class="wp-block-paragraph">The <code>.maintenance</code> file gets stuck for 4 main reasons. None of them are your fault, but knowing the cause helps you dodge a repeat.</p>



<p class="wp-block-paragraph"><strong>Your browser closed or crashed mid-update.</strong> If you closed the tab, your laptop went to sleep, or your internet dropped while WordPress was updating a plugin, the update process never finished. The file stays.</p>



<p class="wp-block-paragraph"><strong>The update hit a PHP timeout.</strong> Most shared hosts limit PHP scripts to 30 or 60 seconds. If a plugin update takes longer than that (especially for big plugins like WooCommerce or Elementor), the server kills the process before WordPress can clean up. Suddenly you&#8217;re locked out over a 2-second timeout.</p>



<p class="wp-block-paragraph"><strong>A plugin or theme had a fatal error during install.</strong> If the new version contains a bug or conflicts with another plugin, the update crashes. WordPress can&#8217;t recover gracefully, so the flag stays up.</p>



<p class="wp-block-paragraph"><strong>Your server ran out of memory.</strong> Budget hosts sometimes cap PHP memory at 64MB or 128MB. Large updates need more. When memory runs out, everything stops where it is &#8211; including the cleanup step.</p>



<p class="wp-block-paragraph">The common thread: something interrupted WordPress while it was still mid-update. The fix is always the same (delete the file), but the causes are worth knowing. Stuck updates can also cause weirder side effects &#8211; some people notice posts missing after the site comes back, which I cover in <a href="/why-did-my-wordpress-blog-posts-disappear/">why blog posts disappear</a>.</p>



<h2 class="wp-block-heading">How do I prevent my WordPress site from getting stuck in maintenance mode?</h2>



<p class="wp-block-paragraph">6 small habits take care of most of these triggers. I follow all of them now, and I haven&#8217;t hit this error in years.</p>



<p class="wp-block-paragraph"><strong>Update one plugin at a time.</strong> When WordPress shows you 12 plugin updates, it&#8217;s tempting to click &#8220;Update All.&#8221; Don&#8217;t. Update them one by one. If plugin #7 crashes, you&#8217;ll know exactly which one caused the problem instead of guessing across all 12.</p>



<p class="wp-block-paragraph"><strong>Don&#8217;t close the tab during updates.</strong> It sounds obvious, but this catches people constantly. Even if the update bar looks frozen, give it 60-90 seconds before you do anything. Walk away, come back, refresh once.</p>



<p class="wp-block-paragraph"><strong>Back up before you update.</strong> I wrote a <a href="/how-to-backup-wordpress-site-before-changes/">full guide on backing up your WordPress site</a> &#8211; it takes 5 minutes with a free plugin and saves hours of panic. Always back up before major plugin or core updates.</p>



<p class="wp-block-paragraph"><strong>Update during low-traffic hours.</strong> If you&#8217;re going to update anything big, do it when your site is quiet. Less traffic means more server resources available to WordPress, and less chance of a timeout.</p>



<p class="wp-block-paragraph"><strong>Ask your host to raise PHP memory and timeout limits.</strong> Most hosts bump these on request for free. Ask for 256MB memory and a 300-second max execution time. That kills the most common cause of stuck updates.</p>



<p class="wp-block-paragraph"><strong>Keep up with updates generally.</strong> Letting 30 updates pile up is asking for trouble. The bigger the update queue, the higher the chance something in there conflicts. I wrote more about <a href="/how-to-update-wordpress-plugins-without-breaking-your-site/">updating plugins without breaking your site</a> &#8211; follow that routine and you&#8217;ll avoid most of these rescue scenarios. And if an update ever nukes your layouts, my guide on <a href="/how-to-fix-global-template-changes-ruining-your-site/">fixing global template changes</a> walks through the recovery path.</p>



<p class="wp-block-paragraph">After you fix the <code>.maintenance</code> issue, also clear your browser cache. Some browsers stubbornly remember the maintenance message and keep showing it to you even after the site is fine. Hard refresh with Ctrl+F5 (or Cmd+Shift+R on Mac), or open an incognito window to confirm.</p>



<p class="wp-block-paragraph">If the update that caused the problem also left your site slower than before, that&#8217;s a separate issue. I cover troubleshooting steps in <a href="/why-is-my-wordpress-site-so-slow/">why is my WordPress site so slow</a>. And if pages start throwing 404s after you fix the maintenance mode, a <a href="/how-to-fix-wordpress-404-errors-on-every-page/">quick permalink refresh</a> usually clears that up too.</p>



<h2 class="wp-block-heading">Frequently Asked Questions</h2>



<h3 class="wp-block-heading">How do I fix WordPress stuck in maintenance mode?</h3>



<p class="wp-block-paragraph">The fastest way I fix this is by deleting the .maintenance file from the site&#8217;s root folder. I just log in using my host&#8217;s File Manager or an FTP client and delete it. Once it&#8217;s gone, my site comes back online in seconds.</p>



<h3 class="wp-block-heading">Why is my WordPress site stuck in maintenance mode?</h3>



<p class="wp-block-paragraph">This happens to me when an update gets interrupted halfway through. It usually triggers if I close my browser tab too early or try to update 10 plugins at the exact same time.</p>



<h3 class="wp-block-heading">How long does WordPress maintenance mode last?</h3>



<p class="wp-block-paragraph">By default, WordPress only keeps this mode active for about 10 minutes. But if that .maintenance file gets stuck on your server during a failed update, your site won&#8217;t come back until you manually delete it.</p>



<h3 class="wp-block-heading">Can I still access my WordPress dashboard if it&#8217;s stuck?</h3>



<p class="wp-block-paragraph">No, you won&#8217;t be able to log in normally. Both your live site and your /wp-admin/ login screen will show the same error message. You&#8217;ll have to use your hosting control panel to bypass the dashboard and fix the files directly.</p>



<h3 class="wp-block-heading">What happens if I delete the .maintenance file?</h3>



<p class="wp-block-paragraph">Deleting it just tells WordPress to stop showing the error screen and go back to normal. It doesn&#8217;t break anything, but I always double-check my plugins afterward to see if the update actually finished.</p>



<h2 class="wp-block-heading">That&#8217;s it</h2>



<p class="wp-block-paragraph">The &#8220;briefly unavailable for scheduled maintenance&#8221; error looks terrifying because your whole site is offline. But it&#8217;s one of the gentler WordPress problems &#8211; no data loss, no complicated fix, no developer required.</p>



<p class="wp-block-paragraph">Delete the <code>.maintenance</code> file, clear your browser cache, and your site is back. Then figure out which plugin caused the timeout so you can update it more carefully next time (or report the bug to the plugin author).</p>



<p class="wp-block-paragraph">And please, please back up your site before the next big update. Future you will say thank you.</p>

]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to Fix WordPress 404 Errors on Every Page</title>
		<link>https://thewpninja.com/how-to-fix-wordpress-404-errors-on-every-page/</link>
		
		<dc:creator><![CDATA[]]></dc:creator>
		<pubDate>Thu, 23 Apr 2026 19:23:19 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<guid isPermaLink="false">https://thewpninja.com/?p=581</guid>

					<description><![CDATA[Your homepage loads fine, but every other page throws a &#8220;404 Not Found&#8221; error. Take a breath &#8211; your site isn&#8217;t broken, and your posts aren&#8217;t gone. The fix takes 30 seconds and doesn&#8217;t require any code. Go to Settings &#62; Permalinks and click Save Changes. That&#8217;s it. Most of the time, that one click...]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Your homepage loads fine, but every other page throws a &#8220;404 Not Found&#8221; error. Take a breath &#8211; your site isn&#8217;t broken, and your posts aren&#8217;t gone.</p>



<p class="wp-block-paragraph">The fix takes 30 seconds and doesn&#8217;t require any code. Go to <strong>Settings &gt; Permalinks</strong> and click <strong>Save Changes</strong>. That&#8217;s it. Most of the time, that one click brings every page back.</p>



<p class="wp-block-paragraph">Here&#8217;s why it works, what to do when it doesn&#8217;t, and how to stop a WordPress 404 error on all pages from wrecking your afternoon again.</p>



<h2 class="wp-block-heading">Why is my WordPress site showing 404 on every page?</h2>



<p class="wp-block-paragraph">When your homepage works but clicking any link throws a 404, WordPress is getting confused about how to translate pretty URLs into actual posts.</p>



<p class="wp-block-paragraph">Behind the scenes, WordPress keeps a tiny instruction sheet called <strong>rewrite rules</strong>. These rules tell your server that <code>yoursite.com/about-me/</code> really means &#8220;load the About Me page.&#8221; When that instruction sheet goes stale or gets overwritten, every URL except the homepage stops working.</p>



<p class="wp-block-paragraph">This happens after 4 common events: migrating your site to a new host, changing your permalink structure, a plugin modifying your <code>.htaccess</code> file, or a failed WordPress update. The posts and pages themselves are safe in the database. WordPress just forgot how to find them.</p>



<p class="wp-block-paragraph">That&#8217;s why the fix is so quick. You&#8217;re not repairing anything &#8211; you&#8217;re handing WordPress a fresh copy of the instruction sheet.</p>



<h2 class="wp-block-heading">How do I fix 404 errors in 30 seconds?</h2>



<p class="wp-block-paragraph">This is the fix that solves the wordpress 404 error all pages problem about 80% of the time. It&#8217;s built right into the dashboard.</p>



<h3 class="wp-block-heading">Step 1: Log in to your WordPress dashboard</h3>



<p class="wp-block-paragraph">Go to <code>yoursite.com/wp-admin</code> and log in. Your admin area should still work even when the frontend is throwing 404s. If you can&#8217;t reach the admin either, skip down to the <code>.htaccess</code> section below.</p>



<h3 class="wp-block-heading">Step 2: Open the Permalinks settings</h3>



<p class="wp-block-paragraph">In the left sidebar, click <strong>Settings &gt; Permalinks</strong>. You&#8217;ll see a page with radio buttons for different URL structures (Plain, Day and name, Post name, and so on).</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/53-permalinks-post-name.webp"><img loading="lazy" decoding="async" width="1964" height="1475" src="https://thewpninja.com/wp-content/uploads/2026/04/53-permalinks-post-name.webp" alt="WordPress Permalinks settings page with Post name option selected, ready to save and fix 404 errors on every page" class="wp-image-577" srcset="https://thewpninja.com/wp-content/uploads/2026/04/53-permalinks-post-name.webp 1964w, https://thewpninja.com/wp-content/uploads/2026/04/53-permalinks-post-name-300x225.webp 300w, https://thewpninja.com/wp-content/uploads/2026/04/53-permalinks-post-name-1024x769.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/04/53-permalinks-post-name-768x577.webp 768w, https://thewpninja.com/wp-content/uploads/2026/04/53-permalinks-post-name-1536x1154.webp 1536w" sizes="auto, (max-width: 1964px) 100vw, 1964px" /></a></figure>



<h3 class="wp-block-heading">Step 3: Click Save Changes</h3>



<p class="wp-block-paragraph">Don&#8217;t change anything. Just scroll to the bottom and click the blue <strong>Save Changes</strong> button.</p>



<p class="wp-block-paragraph">That click is the whole fix. WordPress regenerates its rewrite rules and updates your <code>.htaccess</code> file with fresh instructions. Open your site in a new tab and click around &#8211; every page should load now.</p>



<h3 class="wp-block-heading">What did that actually do?</h3>



<p class="wp-block-paragraph">Saving the Permalinks page triggers something called &#8220;flushing the rewrite rules.&#8221; Don&#8217;t let the word flushing scare you &#8211; nothing gets deleted.</p>



<p class="wp-block-paragraph">Flushing means WordPress rebuilds its URL map from scratch. It looks at your current permalink setting, figures out the correct pattern for each post and page, and writes those rules into your <code>.htaccess</code> file. The old stale rules get replaced with working ones.</p>



<p class="wp-block-paragraph">Think of it like printing a new map after the road signs changed. Your destination hasn&#8217;t moved, but you needed updated directions to find it.</p>



<h2 class="wp-block-heading">What if the permalinks fix didn&#8217;t work?</h2>



<p class="wp-block-paragraph">If Save Changes didn&#8217;t bring your pages back, something&#8217;s preventing WordPress from writing to your <code>.htaccess</code> file. You&#8217;ve got 3 follow-up checks.</p>



<h3 class="wp-block-heading">Check 1: Fix the .htaccess file manually</h3>



<p class="wp-block-paragraph">Your <code>.htaccess</code> file sits in the root folder of your WordPress install. It&#8217;s a tiny text file that tells your server how to handle URL requests. When it gets corrupted or goes missing, no amount of Permalinks saving will help.</p>



<p class="wp-block-paragraph">You&#8217;ll need to access it through your host&#8217;s File Manager or an FTP client. Open the File Manager in your hosting control panel (cPanel, Plesk, or your host&#8217;s custom dashboard), navigate to your site&#8217;s root folder (usually <code>public_html</code> or <code>www</code>), and look for a file called <code>.htaccess</code>. If you don&#8217;t see it, enable &#8220;Show hidden files&#8221; in the File Manager settings.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/53-file-manager-htaccess.webp"><img loading="lazy" decoding="async" width="1144" height="834" src="https://thewpninja.com/wp-content/uploads/2026/04/53-file-manager-htaccess.webp" alt="File Manager showing the .htaccess file inside the WordPress site root folder, the file that controls rewrite rules for 404 errors on every page" class="wp-image-578" srcset="https://thewpninja.com/wp-content/uploads/2026/04/53-file-manager-htaccess.webp 1144w, https://thewpninja.com/wp-content/uploads/2026/04/53-file-manager-htaccess-300x219.webp 300w, https://thewpninja.com/wp-content/uploads/2026/04/53-file-manager-htaccess-1024x747.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/04/53-file-manager-htaccess-768x560.webp 768w" sizes="auto, (max-width: 1144px) 100vw, 1144px" /></a></figure>



<p class="wp-block-paragraph">Before touching anything, <a href="/how-to-backup-wordpress-site-before-changes/">back up your site</a> or at least download a copy of the current <code>.htaccess</code>. Then replace the contents with this default WordPress code:</p>



<pre class="wp-block-code"><code># BEGIN WordPress
&lt;IfModule mod_rewrite.c&gt;
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
&lt;/IfModule&gt;
# END WordPress</code></pre>



<p class="wp-block-paragraph">Save the file, then load your site. If the 404s are gone, the old <code>.htaccess</code> was the culprit.</p>



<h3 class="wp-block-heading">Check 2: Deactivate plugins in bulk</h3>



<p class="wp-block-paragraph">Some security plugins and caching plugins rewrite <code>.htaccess</code> rules that conflict with WordPress. iThemes Security, WP Rocket, and W3 Total Cache are 3 common offenders when configured aggressively.</p>



<p class="wp-block-paragraph">Go to <strong>Plugins &gt; Installed Plugins</strong>, check the box at the top to select every plugin, pick <strong>Deactivate</strong> from the bulk actions dropdown, and click Apply. Then reload your site. If the 404s disappear, reactivate plugins one at a time until you find the conflict.</p>



<p class="wp-block-paragraph">When you identify the culprit, check its settings for options labeled &#8220;Hide login URL,&#8221; &#8220;Custom permalinks,&#8221; or &#8220;Block XML-RPC.&#8221; One of those is usually the switch causing the conflict.</p>



<h3 class="wp-block-heading">Check 3: Switch to a default theme temporarily</h3>



<p class="wp-block-paragraph">Rarely, a custom theme with broken page templates can cause site-wide 404s. Go to <strong>Appearance &gt; Themes</strong> and activate Twenty Twenty-Four (or any default WordPress theme).</p>



<p class="wp-block-paragraph">If your site suddenly works, the problem lives inside your current theme. Contact the theme developer or switch to a different theme. I wrote about a related issue in <a href="/how-to-fix-global-template-changes-ruining-your-site/">fixing global template changes ruining your site</a> if your theme edits started breaking things recently.</p>



<h2 class="wp-block-heading">Why is my WordPress site showing a 404 error on just one page?</h2>



<p class="wp-block-paragraph">If only one or two pages throw 404s while the rest of your site works fine, this is a different problem. The rewrite rules are healthy &#8211; something specific happened to those individual pages.</p>



<p class="wp-block-paragraph"><strong>The post was deleted or moved to Trash.</strong> Go to <strong>Posts &gt; All Posts</strong> and click the Trash tab. If your missing page is there, hit Restore. This is the most common reason a single URL stops working. I covered the broader case of <a href="/why-did-my-wordpress-blog-posts-disappear/">WordPress blog posts disappearing</a> separately.</p>



<p class="wp-block-paragraph"><strong>The slug got changed.</strong> Every post has a URL ending called a slug. If you edited a post title and WordPress auto-updated the slug, or if you manually changed the slug, the old URL now points to nothing. Edit the post, click the URL in the right sidebar, and set the slug back to the original.</p>



<p class="wp-block-paragraph"><strong>The post status changed to Draft.</strong> Published posts are public. Draft posts return a 404 to visitors (you can still see them while logged in). Check the post editor and make sure the status shows Published, not Draft or Pending Review.</p>



<p class="wp-block-paragraph"><strong>The category or tag archive is empty.</strong> If you deleted all posts in a category, the <code>/category/whatever/</code> URL will 404. Add a post to that category or delete the empty category.</p>



<h3 class="wp-block-heading">What about redirecting the old URL?</h3>



<p class="wp-block-paragraph">If a page&#8217;s slug legitimately needed to change (like fixing a typo), don&#8217;t leave the old URL broken. Set up a redirect so anyone with the old link lands on the new page.</p>



<p class="wp-block-paragraph">The free <strong>Redirection</strong> plugin handles this in 30 seconds. Install it, go to <strong>Tools &gt; Redirection</strong>, enter the old URL in the Source field and the new URL in the Target field, and click Add Redirect. Visitors (and search engines) following the old link will bounce to the new one automatically. If you&#8217;re already using an SEO plugin like <a href="/rank-math-vs-yoast-seo-for-beginners/">Rank Math or Yoast</a>, they include redirect managers too &#8211; no need to stack a third plugin.</p>



<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/53-redirection-add-redirect.webp"><img loading="lazy" decoding="async" width="2278" height="1031" src="https://thewpninja.com/wp-content/uploads/2026/04/53-redirection-add-redirect.webp" alt="Redirection plugin Add Redirect form in WordPress with source and target URL fields filled in for a 404 page fix" class="wp-image-579" srcset="https://thewpninja.com/wp-content/uploads/2026/04/53-redirection-add-redirect.webp 2278w, https://thewpninja.com/wp-content/uploads/2026/04/53-redirection-add-redirect-300x136.webp 300w, https://thewpninja.com/wp-content/uploads/2026/04/53-redirection-add-redirect-1024x463.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/04/53-redirection-add-redirect-768x348.webp 768w, https://thewpninja.com/wp-content/uploads/2026/04/53-redirection-add-redirect-1536x695.webp 1536w, https://thewpninja.com/wp-content/uploads/2026/04/53-redirection-add-redirect-2048x927.webp 2048w" sizes="auto, (max-width: 2278px) 100vw, 2278px" /></a></figure>



<h2 class="wp-block-heading">How do I stop 404 errors from happening again?</h2>



<p class="wp-block-paragraph">Most site-wide 404 outages come down to 3 habits that prevent them entirely.</p>



<p class="wp-block-paragraph"><strong>Always save Permalinks after migrating.</strong> Moving your site to a new host or changing your domain? The first thing to do after the move is log in and hit Settings &gt; Permalinks &gt; Save Changes. Do it before you test anything else. It takes 5 seconds and avoids a panic.</p>



<p class="wp-block-paragraph"><strong>Back up before changing permalink structure.</strong> Switching from Plain (<code>?p=123</code>) to Post name URLs is a good upgrade, but test it on a <a href="/how-to-backup-wordpress-site-before-changes/">fresh backup</a> first. If something misfires, you can restore in 2 minutes instead of debugging for 2 hours.</p>



<p class="wp-block-paragraph"><strong>Keep plugins updated.</strong> Outdated security and caching plugins sometimes write bad <code>.htaccess</code> rules. Updates from the plugin authors usually fix these bugs fast. I wrote a guide on <a href="/how-to-update-wordpress-plugins-without-breaking-your-site/">updating plugins without breaking your site</a> that covers this safely.</p>



<p class="wp-block-paragraph"><strong>Avoid editing <code>.htaccess</code> directly unless you have to.</strong> If you must edit it, keep a backup copy. One stray character in that file can knock your whole site offline, and 404s are usually the first symptom. Badly configured caching plugins can also be behind <a href="/why-is-my-wordpress-site-so-slow/">why your site is running slow</a> as well as 404s &#8211; two problems with one cause.</p>



<h2 class="wp-block-heading">Quick checklist</h2>



<p class="wp-block-paragraph">Here&#8217;s the fix-it order I run through when a client calls me with a wordpress 404 error all pages issue:</p>



<ol class="wp-block-list"><li>Log in to WordPress, go to <strong>Settings &gt; Permalinks</strong>, click <strong>Save Changes</strong> (fixes 80% of cases)</li>
<li>If that fails, reset <code>.htaccess</code> to the default WordPress code</li>
<li>Deactivate all plugins and reactivate one at a time to find conflicts</li>
<li>Switch to a default theme to rule out theme problems</li>
<li>For single-page 404s, check the Trash, check the slug, and check the post status</li></ol>



<p class="wp-block-paragraph">Most of the time, step 1 is the only step you&#8217;ll need. The rest are backup plans. While you&#8217;re tidying up, it&#8217;s also worth checking that none of your menu items got accidentally nested &#8211; see <a href="/how-to-stop-wordpress-menu-items-from-becoming-dropdowns/">preventing accidental dropdown menus</a> for that fix.</p>



<h2 class="wp-block-heading">Frequently Asked Questions</h2>



<h3 class="wp-block-heading">Why are all my WordPress pages showing 404 except the home page?</h3>



<p class="wp-block-paragraph">I&#8217;ve found this almost always happens when your .htaccess file is missing or corrupted. Since the home page is a physical file, it loads fine, but all your other 50+ pages need that file to tell the server where to look.</p>



<h3 class="wp-block-heading">How do I fix a 404 error on all pages?</h3>



<p class="wp-block-paragraph">My favorite 10-second fix is to flush the permalinks. I just go to Settings &gt; Permalinks in my dashboard and click &#8220;Save Changes&#8221; without touching anything else. That forces WordPress to rewrite its routing rules and usually fixes the problem instantly.</p>



<h3 class="wp-block-heading">What if saving permalinks doesn&#8217;t work?</h3>



<p class="wp-block-paragraph">If that doesn&#8217;t do the trick, I usually check for plugin conflicts next. I&#8217;ll temporarily disable my caching or security plugins, as they sometimes write bad rules to the server. If your site starts working after that, you&#8217;ve found the culprit.</p>



<h3 class="wp-block-heading">Can a plugin cause a sitewide 404 error?</h3>



<p class="wp-block-paragraph">Absolutely. I&#8217;ve seen security plugins and caching tools break a site&#8217;s routing rules by adding conflicting code to the .htaccess file. Turning off those 2 types of plugins is the quickest way to test if they&#8217;re causing the headache.</p>



<p class="wp-block-paragraph">That&#8217;s the full playbook. Next time your WordPress site throws 404s on every page, start with Settings &gt; Permalinks &gt; Save Changes. Nine times out of ten, you&#8217;re back online before your coffee gets cold.</p>

]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to Set Up a Sticky Header in Kadence Free</title>
		<link>https://thewpninja.com/how-to-set-up-a-sticky-header-in-kadence-free/</link>
		
		<dc:creator><![CDATA[]]></dc:creator>
		<pubDate>Fri, 17 Apr 2026 16:21:17 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<guid isPermaLink="false">https://thewpninja.com/how-to-set-up-a-sticky-header-in-kadence-free/</guid>

					<description><![CDATA[I'll show you how to set up a Kadence sticky header in under 2 minutes - plus the one design step most tutorials skip that prevents a broken look.]]></description>
										<content:encoded><![CDATA[<p>A sticky header keeps your navigation pinned to the top of the screen as visitors scroll down. It means your menu, logo, and call-to-action buttons are always one click away &#8211; no matter how far someone scrolls. And in Kadence, this feature is 100% free. No paid upgrade, no third-party plugin, no code.</p>
<p>But there&#8217;s a catch that trips up almost every beginner. The sticky header works fine out of the box, except it doesn&#8217;t automatically set a background color for the &#8220;stuck&#8221; state. If you&#8217;re using a transparent header (or even if you&#8217;re not), this one missing setting can make your menu text unreadable. I&#8217;ll walk through the full setup plus that fix in about 2 minutes.</p>
<p>Here&#8217;s the difference it makes &#8211; same page, same scroll position. On the left, no sticky header (the navigation is long gone). On the right, sticky enabled &#8211; the menu stays pinned and is still one click away:</p>
<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-02-effect-demo.webp"><img decoding="async" src="https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-02-effect-demo.webp" alt="Side-by-side comparison of a page scrolled with sticky header disabled on the left and sticky header enabled showing the navigation menu at top on the right" class="wp-image-571"/></a></figure>
<h2>How Do I Enable the Sticky Header in Kadence?</h2>
<p>The setting lives inside the Customizer, right next to your other header options.</p>
<ol>
<li>Go to <strong>Appearance &gt; Customize &gt; Header &gt; Sticky Header</strong></li>
<li>Find the dropdown labeled <strong>&#8220;Enable Sticky Header?&#8221;</strong></li>
<li>Select <strong>&#8220;Yes &#8211; Only Main Row&#8221;</strong></li>
<li>Click <strong>Publish</strong> to save</li>
</ol>
<p>That&#8217;s the option most sites should pick. It sticks just your logo and main navigation to the top of the screen. Your top bar (if you have one with a phone number or social icons) scrolls away normally.</p>
<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-01-main-row.webp"><img loading="lazy" decoding="async" width="2045" height="1009" src="https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-01-main-row.webp" alt="Kadence Customizer Sticky Header panel with Enable Sticky Header set to Yes Only Main Row and options for Reveal Sticky on Scroll up and Main Row Shrinking" class="wp-image-570" srcset="https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-01-main-row.webp 2045w, https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-01-main-row-300x148.webp 300w, https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-01-main-row-1024x505.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-01-main-row-768x379.webp 768w, https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-01-main-row-1536x758.webp 1536w" sizes="auto, (max-width: 2045px) 100vw, 2045px" /></a></figure>
<p>The other options in the dropdown let you stick the Top Row, the Bottom Row, or the Whole Header. I&#8217;d avoid &#8220;Whole Header&#8221; unless your top bar is very short. Sticking the entire header eats up more screen space, and on smaller laptops that becomes noticeable fast.</p>
<h2>Should I Enable the Shrink Effect?</h2>
<p>Right below the sticky dropdown, you&#8217;ll find an option called <strong>&#8220;Enable Main Row Shrinking&#8221;</strong>. When you turn this on, the main row gets smaller once it becomes sticky &#8211; the logo shrinks and the padding tightens up.</p>
<p>I&#8217;d recommend enabling it. Here&#8217;s why:</p>
<ul>
<li>It saves vertical screen space. A full-height header hovering over your content feels heavy. The shrunk version is more subtle.</li>
<li>The transition is smooth. It doesn&#8217;t jump or flash &#8211; it just quietly reduces in size as you start scrolling.</li>
<li>It gives visitors a visual signal that the header has switched to its &#8220;sticky&#8221; state, which feels more intentional than a header that just stays exactly the same.</li>
</ul>
<p>You can see the difference here. Left is the full-height header at the top of the page (with top bar, logo, and menu). Right is the shrunk sticky state after scrolling &#8211; just the main row, tightened up:</p>
<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-03-shrink-comparison.webp"><img decoding="async" src="https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-03-shrink-comparison.webp" alt="Kadence sticky header shrink effect comparing the full-size header at the top of the page with the shrunk sticky version after scrolling" class="wp-image-572"/></a></figure>
<p>The shrink amount isn&#8217;t something you can customize in the free version &#8211; Kadence handles it automatically. But in my testing, the default shrink ratio looks good on most sites without any tweaking.</p>
<h2>What About &#8220;Enable Reveal Sticky on Scroll Up&#8221;?</h2>
<p>This is one of those settings that sounds like jargon until you see it in action. Turn it on and the sticky header only appears when the visitor <em>scrolls back up</em>. As they scroll down (reading your content), the header slides away. Scroll up even slightly, and it slides back in.</p>
<p>I like this option on long-form article pages where you want readers focused on the content, but still want navigation a single scroll-up away. It feels like the header &#8220;knows&#8221; when they need it.</p>
<p>On ecommerce or landing pages, I&#8217;d skip it &#8211; you usually want the CTA in the header always visible, not hidden while scrolling down.</p>
<h2>Set a Background Color (The Step Most Tutorials Skip)</h2>
<p>This is the fix that separates a polished sticky header from a broken-looking one. And almost no tutorial mentions it.</p>
<p>Here&#8217;s the problem. When your header becomes sticky, it keeps whatever background it had in its normal state. If your header already has a solid white or dark background, you&#8217;re probably fine. But if you&#8217;re using a transparent header &#8211; where the header overlays your hero image &#8211; the sticky state inherits that transparency. Now you&#8217;ve got transparent menu text floating over your body content. Unreadable.</p>
<p>Even if you&#8217;re not using a transparent header, I&#8217;d still set an explicit background color for the sticky state. It prevents odd rendering on some browsers and gives you full control.</p>
<p>Here&#8217;s how:</p>
<ol>
<li>In the same <strong>Sticky Header</strong> panel, click the <strong>Design</strong> tab at the top</li>
<li>Find <strong>Sticky Header Background</strong> and click the color swatch</li>
<li>Pick a solid color &#8211; white for light sites, dark gray or black for dark designs, or a brand color if you want the sticky state to feel distinct</li>
</ol>
<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-04-background-color.webp"><img loading="lazy" decoding="async" width="1952" height="1371" src="https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-04-background-color.webp" alt="Kadence Customizer Sticky Header Design tab with background color picker open and a beige color selected for the sticky state" class="wp-image-573" srcset="https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-04-background-color.webp 1952w, https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-04-background-color-300x211.webp 300w, https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-04-background-color-1024x719.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-04-background-color-768x539.webp 768w, https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-04-background-color-1536x1079.webp 1536w" sizes="auto, (max-width: 1952px) 100vw, 1952px" /></a></figure>
<p>That&#8217;s the entire fix. Takes about 10 seconds, and it saves you from a header that looks fine at the top of the page but turns into a mess the moment someone scrolls. While you&#8217;re in the Customizer, it&#8217;s worth checking my other quick wins like <a href="/how-to-add-a-back-to-top-button-in-kadence-theme/">adding a back to top button</a> and <a href="/how-to-disable-breadcrumbs-on-specific-kadence-pages/">disabling breadcrumbs on specific pages</a> &#8211; all similar 2-minute tweaks.</p>
<h2>Should I Use a Sticky Header on Mobile?</h2>
<p>Kadence has a separate <strong>Mobile Sticky</strong> section below the main settings, with its own dropdown. And here you get more than a simple on/off toggle &#8211; there are 6 choices:</p>
<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-05-mobile-dropdown.webp"><img loading="lazy" decoding="async" width="1340" height="1167" src="https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-05-mobile-dropdown.webp" alt="Kadence Mobile Sticky section with the Enable Sticky for Mobile dropdown expanded showing six options including Only Main Row and Whole Header" class="wp-image-574" srcset="https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-05-mobile-dropdown.webp 1340w, https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-05-mobile-dropdown-300x261.webp 300w, https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-05-mobile-dropdown-1024x892.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/04/sticky-header-05-mobile-dropdown-768x669.webp 768w" sizes="auto, (max-width: 1340px) 100vw, 1340px" /></a></figure>
<ul>
<li><strong>No</strong> &#8211; sticky header disabled on phones</li>
<li><strong>Yes &#8211; Only Main Row</strong> &#8211; sticks just the main navigation row</li>
<li><strong>Yes &#8211; Top Row &amp; Main Row</strong> &#8211; sticks both top and main</li>
<li><strong>Yes &#8211; Whole Header</strong> &#8211; pins every row</li>
<li><strong>Yes &#8211; Only Top Row</strong> &#8211; sticks just the top bar</li>
<li><strong>Yes &#8211; Only Bottom Row</strong> &#8211; sticks just the bottom row</li>
</ul>
<p>On a phone screen, a sticky header takes up roughly 15-20% of the visible area. That&#8217;s a lot of screen space lost when your visitor is trying to read an article or browse your products.</p>
<p>My recommendation: <strong>set Mobile Sticky to &#8220;No&#8221; on most sites</strong>. Most mobile users are used to scrolling back to the top (or using the browser&#8217;s built-in navigation), so a sticky header isn&#8217;t as critical as it feels.</p>
<p>The exception is if your main nav holds a critical CTA &#8211; like a &#8220;Book Now&#8221; button on a service business site. In that case, pick <strong>Yes &#8211; Only Main Row</strong> and nothing more. Never use &#8220;Whole Header&#8221; on mobile unless you enjoy watching half the screen disappear.</p>
<h2>Why Isn&#8217;t My Sticky Header Working?</h2>
<p>If you&#8217;ve turned on the sticky header but it doesn&#8217;t seem to do anything, check these 3 things before you start troubleshooting CSS or reinstalling Kadence.</p>
<p><strong>1. Your caching plugin is serving a stale page.</strong></p>
<p>This is the most common cause, and it catches people every time. Plugins like LiteSpeed Cache, WP Rocket, and W3 Total Cache store a cached version of your pages. When you enable the sticky header, the Customizer saves the setting &#8211; but your visitors (and you, if you&#8217;re logged out) still see the old cached version where the sticky JavaScript hasn&#8217;t loaded yet.</p>
<p><strong>Fix:</strong> Clear your cache. In LiteSpeed Cache, go to LiteSpeed Cache &gt; Toolbox &gt; Purge All. In WP Rocket, click the &#8220;Clear Cache&#8221; button in the admin bar. Then test your site in an incognito window.</p>
<p><strong>2. You selected the wrong header row.</strong></p>
<p>Kadence&#8217;s header has 3 rows: Top, Main, and Bottom. If your logo and menu live in the Main Row but you set the sticky option to &#8220;Only Top Row,&#8221; nothing visible sticks. Double-check that your sticky setting matches where your navigation actually lives.</p>
<p><strong>3. Another plugin is overriding your header.</strong></p>
<p>Some page builder plugins &#8211; especially Elementor with its Theme Builder feature &#8211; can replace Kadence&#8217;s header entirely with a custom-built one. If you&#8217;ve set up an Elementor header template, Kadence&#8217;s sticky setting won&#8217;t apply because Kadence&#8217;s header isn&#8217;t even on the page anymore. Check if you have any header/footer override templates active in your page builder.</p>
<h2>Free vs Pro: What&#8217;s Actually Different?</h2>
<p>Here&#8217;s the honest breakdown. The free version of Kadence covers sticky headers really well. Most sites won&#8217;t need anything more.</p>
<p>Everything I&#8217;ve covered in this article &#8211; enabling the sticky header, picking which rows stick, enabling the shrink effect, Reveal on Scroll Up, setting the background color, and device-specific controls &#8211; all works in Kadence Free. No upgrade needed.</p>
<p>Kadence Pro adds a few advanced extras:</p>
<ul>
<li>A completely custom sticky header layout &#8211; build an entirely different header for the sticky state (like one with a &#8220;Buy Now&#8221; button that only appears after scrolling)</li>
<li>Conditional display rules for Hooked Elements if you want to inject custom sticky content on specific pages only</li>
</ul>
<p>But for a standard blog, portfolio, or small business site? The free sticky header does everything you need. I&#8217;ve been running it on 4 sites without any reason to upgrade just for this feature.</p>
<h2>Quick Troubleshooting Reference</h2>
<table>
<thead>
<tr>
<th>Problem</th>
<th>Likely Cause</th>
<th>Fix</th>
</tr>
</thead>
<tbody>
<tr>
<td>Header doesn&#8217;t stick at all</td>
<td>Caching plugin serving old page</td>
<td>Clear all caches, test in incognito</td>
</tr>
<tr>
<td>Menu text unreadable when scrolling</td>
<td>No background color on sticky state</td>
<td>Set a color in Design tab</td>
</tr>
<tr>
<td>Header sticks but nothing visible</td>
<td>Wrong row selected (Top vs Main)</td>
<td>Match sticky setting to your menu&#8217;s row</td>
</tr>
<tr>
<td>Takes up too much space on phone</td>
<td>Sticky enabled on mobile</td>
<td>Set Mobile Sticky dropdown to No</td>
</tr>
<tr>
<td>Sticky works but looks jumpy</td>
<td>CSS conflict or layout shift</td>
<td>Check for custom header CSS or theme overrides</td>
</tr>
<tr>
<td>Transparent header stays transparent when sticky</td>
<td>Sticky inherits transparent background</td>
<td>Set explicit background in Sticky Header &gt; Design</td>
</tr>
</tbody>
</table>
<h2>Frequently Asked Questions</h2>
<h3>Does a Kadence sticky header affect page speed or Core Web Vitals?</h3>
<p>The sticky header itself adds minimal overhead &#8211; it&#8217;s just a CSS <code>position: sticky</code> rule with a small JavaScript handler for the shrink effect. But it can cause CLS (Cumulative Layout Shift) if the header height changes when it becomes sticky. Enabling the shrink effect and setting an explicit background color keeps things smooth.</p>
<h3>Can I make only part of my header sticky in Kadence?</h3>
<p>Yes. Kadence gives you 5 &#8220;Yes&#8221; options in the Enable Sticky Header dropdown &#8211; Only Main Row, Top Row &amp; Main Row, Whole Header, Only Top Row, and Only Bottom Row. Most sites should stick only the Main Row &#8211; that&#8217;s where your logo and navigation live.</p>
<h3>What does the &#8220;Reveal Sticky on Scroll Up&#8221; option do?</h3>
<p>With this option on, the sticky header only appears when the visitor scrolls back up. It stays hidden while scrolling down, which keeps the reading experience clean, and reappears the moment they scroll up to look for navigation. Great for long-form articles, less useful for conversion-focused pages.</p>
<h3>Does the Kadence sticky header work with Elementor?</h3>
<p>Only if you&#8217;re using Kadence&#8217;s native header. If you&#8217;ve built a custom header with Elementor&#8217;s Theme Builder, Kadence&#8217;s sticky header setting won&#8217;t apply because Elementor replaces Kadence&#8217;s header entirely. You&#8217;d need to use Elementor&#8217;s own sticky option instead.</p>
<h3>Can I set a different logo for the sticky state?</h3>
<p>In the Sticky Header panel there&#8217;s a &#8220;Different Logo for Stuck Header?&#8221; option. Turn it on and you can upload a separate logo that only appears once the header is sticky. It&#8217;s useful for sites with long horizontal logos that don&#8217;t scale well when the header shrinks &#8211; you can swap to a compact version for the sticky state.</p>
<h2>Wrapping Up</h2>
<p>Setting up a Kadence sticky header takes about 2 minutes. Enable the main row sticky option, turn on Main Row Shrinking, and set a background color for the sticky state. That third step &#8211; the background color &#8211; is what separates a header that actually works from one that frustrates your visitors.</p>
<p>And the best part? Every feature I covered here is available in the free version of Kadence. You don&#8217;t need Kadence Pro for a fully functional sticky header.</p>
<p>If you&#8217;re in the Customizer tweaking your header, it&#8217;s a good time to clean up other visual details too. <a href="/how-to-change-footer-copyright-text-in-kadence-free/">Changing the footer copyright text</a> is another 2-minute job that makes your site look more polished. Small touches add up.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to Disable Breadcrumbs on Specific Kadence Pages</title>
		<link>https://thewpninja.com/how-to-disable-breadcrumbs-on-specific-kadence-pages/</link>
		
		<dc:creator><![CDATA[]]></dc:creator>
		<pubDate>Fri, 17 Apr 2026 14:59:35 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<guid isPermaLink="false">https://thewpninja.com/how-to-disable-breadcrumbs-on-specific-kadence-pages/</guid>

					<description><![CDATA[I'll show you how to disable Kadence breadcrumbs on specific pages, globally, or customize them - all without touching code.]]></description>
										<content:encoded><![CDATA[<p>Breadcrumbs are those little navigation trails at the top of a page &#8211; &#8220;Home &gt; Blog &gt; Post Title&#8221; &#8211; that help visitors figure out where they are on your site. They&#8217;re useful on blog posts and product pages. But on your homepage? Landing pages? They just look weird. And sometimes they&#8217;re flat-out confusing, like when your homepage shows &#8220;Home &gt; Home.&#8221;</p>
<p>The good news: Kadence makes it easy to disable breadcrumbs, and you don&#8217;t need the Pro version to do it. I&#8217;ll walk you through 3 approaches &#8211; site-wide, per-page, and restyling the ones you keep.</p>
<h2>Why Would I Want to Disable Kadence Breadcrumbs?</h2>
<p>Breadcrumbs serve two purposes. First, they give visitors a clickable path back to parent pages. If someone is reading a post in your &#8220;WordPress Tips&#8221; category, they can click back to that category without hunting for it in your menu. Second, Google uses breadcrumbs to understand your site structure and sometimes displays them in search results instead of the raw URL.</p>
<p>But not every page benefits from breadcrumbs. A 5-page brochure site with Home, About, Services, Blog, and Contact doesn&#8217;t need them &#8211; the navigation is already obvious. And breadcrumbs on a landing page? They give visitors an exit ramp you didn&#8217;t intend.</p>
<p>Here&#8217;s when breadcrumbs typically get in the way:</p>
<ul>
<li><strong>Homepage</strong> &#8211; showing &#8220;Home&#8221; by itself (or worse, &#8220;Home &gt; Home&#8221;) adds nothing</li>
<li><strong>Landing pages and sales pages</strong> &#8211; you want visitors focused, not clicking away</li>
<li><strong>About and Contact pages</strong> &#8211; the path is self-explanatory</li>
<li><strong>Any standalone page</strong> where the breadcrumb trail is just one level deep</li>
</ul>
<h2>How Do I Disable Breadcrumbs on All Pages?</h2>
<p>The fastest fix for most sites is the global Customizer toggle. This kills breadcrumbs on every page (or every post) at once.</p>
<ol>
<li>Go to <strong>Appearance &gt; Customize</strong></li>
<li>Navigate to <strong>Posts/Pages Layout</strong></li>
<li>Click <strong>Page Layout</strong> (for pages) or <strong>Post Layout</strong> (for blog posts)</li>
<li>Scroll down to the <strong>Title Elements</strong> list at the bottom of the panel</li>
<li>Click the eye icon next to <strong>Breadcrumb</strong> to toggle it off</li>
<li>Click <strong>Publish</strong> to save</li>
</ol>
<p>Here&#8217;s the Page Layout panel with breadcrumbs enabled &#8211; you can see the breadcrumb trail &#8220;Home / About&#8221; on the frontend preview:</p>
<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-01-page-layout-enabled.webp"><img loading="lazy" decoding="async" width="1690" height="1445" src="https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-01-page-layout-enabled.webp" alt="Kadence Customizer Page Layout panel with Title Elements showing the Breadcrumb element enabled and a breadcrumb visible on the frontend About page" class="wp-image-563" srcset="https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-01-page-layout-enabled.webp 1690w, https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-01-page-layout-enabled-300x257.webp 300w, https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-01-page-layout-enabled-1024x876.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-01-page-layout-enabled-768x657.webp 768w, https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-01-page-layout-enabled-1536x1313.webp 1536w" sizes="auto, (max-width: 1690px) 100vw, 1690px" /></a></figure>
<p>And here&#8217;s the same panel after toggling the Breadcrumb element off. The frontend updates immediately &#8211; no more breadcrumb above the page title:</p>
<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-02-page-layout-disabled.webp"><img loading="lazy" decoding="async" width="1802" height="1498" src="https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-02-page-layout-disabled.webp" alt="Kadence Customizer Page Layout panel with Breadcrumb element toggled off in Title Elements and no breadcrumb visible on the frontend page" class="wp-image-564" srcset="https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-02-page-layout-disabled.webp 1802w, https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-02-page-layout-disabled-300x249.webp 300w, https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-02-page-layout-disabled-1024x851.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-02-page-layout-disabled-768x638.webp 768w, https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-02-page-layout-disabled-1536x1277.webp 1536w" sizes="auto, (max-width: 1802px) 100vw, 1802px" /></a></figure>
<p>Here&#8217;s what&#8217;s nice about this: pages and posts have separate controls. So you can disable breadcrumbs on all your pages (where they&#8217;re usually unnecessary) but keep them on blog posts (where they actually help readers navigate between categories). Or vice versa.</p>
<h2>What About Blog Posts?</h2>
<p>Blog posts use a separate layout panel. Go to <strong>Customize &gt; Posts/Pages Layout &gt; Post Layout</strong> and you&#8217;ll find the same Title Elements list with its own Breadcrumb toggle.</p>
<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-03-post-layout.webp"><img loading="lazy" decoding="async" width="1714" height="1119" src="https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-03-post-layout.webp" alt="Kadence Customizer Single Post Layout panel with Breadcrumb element in Title Elements and breadcrumb trail visible on a blog post" class="wp-image-565" srcset="https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-03-post-layout.webp 1714w, https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-03-post-layout-300x196.webp 300w, https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-03-post-layout-1024x669.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-03-post-layout-768x501.webp 768w, https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-03-post-layout-1536x1003.webp 1536w" sizes="auto, (max-width: 1714px) 100vw, 1714px" /></a></figure>
<p>For most blogs, I&#8217;d leave breadcrumbs on for posts. A post like &#8220;Blueberry Buttermilk Pancakes&#8221; in the &#8220;Breakfast&#8221; category genuinely benefits from a trail like <em>Home / Breakfast / Blueberry Buttermilk Pancakes</em>. Readers can jump back to the category and browse related recipes.</p>
<p>While you&#8217;re in the Title Elements section, you might also want to <a href="/how-to-remove-author-meta-from-kadence-blog-posts/">remove the author meta from your blog posts</a> &#8211; that&#8217;s the same panel.</p>
<h2>How Do I Disable Breadcrumbs on Just One Page?</h2>
<p>The global method is an all-or-nothing switch. If you want breadcrumbs gone from just your homepage or a single landing page, Kadence gives you a per-page override.</p>
<ol>
<li>Open the page in the WordPress block editor</li>
<li>In the right sidebar, look for the <strong>Kadence</strong> tab (it sits alongside the Document and Block tabs)</li>
<li>Find the <strong>Title Elements</strong> or <strong>Page Layout</strong> section</li>
<li>Toggle the <strong>Breadcrumb</strong> element off</li>
<li>Update the page</li>
</ol>
<p>This setting applies to just that one page. The per-page override always wins over the global Customizer setting &#8211; so you can leave breadcrumbs enabled site-wide and disable them only on your homepage and landing pages.</p>
<p>I&#8217;d recommend doing this for your homepage and any landing pages first. Those are the pages where breadcrumbs almost never make sense. While you&#8217;re cleaning things up, you might also want to <a href="/how-to-remove-the-page-title-in-kadence-3-ways/">remove the page title on certain pages</a> &#8211; it&#8217;s another quick visual fix in the same panel.</p>
<h2>How Do I Customize Breadcrumbs Without Removing Them?</h2>
<p>Maybe you don&#8217;t want to remove breadcrumbs entirely &#8211; you just want them to look different. Kadence has a dedicated panel for styling.</p>
<ol>
<li>Go to <strong>Appearance &gt; Customize &gt; General &gt; Breadcrumbs</strong></li>
<li>Adjust the separator character, home link, font, and colors</li>
<li>Click <strong>Publish</strong></li>
</ol>
<p>One option I always turn on: <strong>Use icon for home?</strong> &#8211; this swaps the word &#8220;Home&#8221; for a small house icon at the start of the trail. It looks cleaner and takes up less space, especially on mobile.</p>
<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-05-home-icon.webp"><img loading="lazy" decoding="async" width="1490" height="696" src="https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-05-home-icon.webp" alt="Kadence Customizer General Breadcrumbs panel with Use icon for home toggle enabled and home icon visible in breadcrumb trail" class="wp-image-567" srcset="https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-05-home-icon.webp 1490w, https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-05-home-icon-300x140.webp 300w, https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-05-home-icon-1024x478.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-05-home-icon-768x359.webp 768w" sizes="auto, (max-width: 1490px) 100vw, 1490px" /></a></figure>
<p>These settings apply everywhere breadcrumbs are enabled. So if you&#8217;ve disabled them on pages but kept them on posts, only your posts will show the updated style.</p>
<h2>What Is the Breadcrumb Engine Setting?</h2>
<p>At the top of the <strong>General &gt; Breadcrumbs</strong> panel, there&#8217;s a dropdown called <strong>Breadcrumb Engine</strong>. This is one of the most useful settings in Kadence &#8211; and one of the least documented.</p>
<figure class="wp-block-image size-full"><a href="https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-04-engine-dropdown.webp"><img loading="lazy" decoding="async" width="1807" height="623" src="https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-04-engine-dropdown.webp" alt="Kadence Customizer General Breadcrumbs panel with Breadcrumb Engine dropdown open showing Default RankMath Yoast and SEOPress options" class="wp-image-566" srcset="https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-04-engine-dropdown.webp 1807w, https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-04-engine-dropdown-300x103.webp 300w, https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-04-engine-dropdown-1024x353.webp 1024w, https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-04-engine-dropdown-768x265.webp 768w, https://thewpninja.com/wp-content/uploads/2026/04/breadcrumbs-04-engine-dropdown-1536x530.webp 1536w" sizes="auto, (max-width: 1807px) 100vw, 1807px" /></a></figure>
<p>By default it&#8217;s set to <strong>Default</strong>, which uses Kadence&#8217;s own breadcrumb logic. But if you have Rank Math, Yoast SEO, or SEOPress installed, you can switch the engine to one of those plugins. Kadence will then display breadcrumbs using that plugin&#8217;s structured data and configuration &#8211; but still styled with Kadence&#8217;s theme settings.</p>
<p>Why does this matter? Two reasons:</p>
<ul>
<li><strong>It prevents double breadcrumbs.</strong> If your SEO plugin outputs its own breadcrumb markup, switching Kadence to use that plugin&#8217;s engine unifies everything into a single trail instead of two stacked ones.</li>
<li><strong>It keeps breadcrumb SEO consistent with your site-wide SEO config.</strong> Rank Math and Yoast both have granular breadcrumb settings (like which categories to show, what the home label says). Picking the engine there means those settings flow through to your theme.</li>
</ul>
<h2>Watch Out for Double Breadcrumbs</h2>
<p>This one catches people all the time. If you&#8217;re using an SEO plugin like Rank Math or Yoast SEO, it might inject its own breadcrumb markup into your pages. Combined with Kadence&#8217;s built-in breadcrumbs, you&#8217;ll end up with two breadcrumb trails stacked on top of each other.</p>
<p>You&#8217;ve got two fixes:</p>
<p><strong>Fix 1 (recommended):</strong> Set the Breadcrumb Engine in Kadence to match your SEO plugin. That uses your plugin&#8217;s breadcrumb data but hides its duplicate output. One trail, styled by your theme.</p>
<p><strong>Fix 2:</strong> Disable breadcrumbs in your SEO plugin entirely.</p>
<ul>
<li><strong>Rank Math:</strong> Go to Rank Math &gt; General Settings &gt; Breadcrumbs and turn it off</li>
<li><strong>Yoast SEO:</strong> Go to Yoast &gt; Search Appearance &gt; Breadcrumbs and disable it</li>
</ul>
<p>Pick one approach and stick with it. I&#8217;d go with Fix 1 &#8211; it gives you the SEO-plugin configuration with Kadence&#8217;s theme styling.</p>
<h2>Should I Keep Breadcrumbs at All?</h2>
<p>It depends on your site&#8217;s structure.</p>
<p><strong>Keep breadcrumbs on:</strong></p>
<ul>
<li>Blog posts with multiple categories &#8211; they help readers browse related content</li>
<li>WooCommerce product pages &#8211; shoppers use them to navigate back to categories</li>
<li>Archive and category pages &#8211; they show visitors where they are in the hierarchy</li>
<li>Any site with more than 2 levels of nested pages</li>
</ul>
<p><strong>Remove breadcrumbs from:</strong></p>
<ul>
<li>Simple sites with 5-10 pages and a clear menu</li>
<li>Single-page or minimal sites</li>
<li>Landing pages designed for conversions</li>
<li>Pages where the breadcrumb trail is only one level deep (&#8220;Home &gt; Contact&#8221; doesn&#8217;t tell anyone anything useful)</li>
</ul>
<p>And about SEO &#8211; yes, breadcrumbs do help Google understand your site structure. Google can display them in search results as a clean path instead of showing your URL. But this only matters on pages with meaningful hierarchy. A breadcrumb showing just &#8220;Home&#8221; on your About page doesn&#8217;t give Google any useful information. Don&#8217;t keep breadcrumbs everywhere just for SEO reasons. Keep them where they actually help visitors navigate.</p>
<h2>Quick Reference</h2>
<table>
<thead>
<tr>
<th>What you want</th>
<th>Where to do it</th>
<th>Free?</th>
</tr>
</thead>
<tbody>
<tr>
<td>Disable on one page</td>
<td>Edit Page &gt; Kadence sidebar tab &gt; toggle Breadcrumb off</td>
<td>Yes</td>
</tr>
<tr>
<td>Disable on all pages</td>
<td>Customize &gt; Posts/Pages Layout &gt; Page Layout &gt; toggle off</td>
<td>Yes</td>
</tr>
<tr>
<td>Disable on all posts</td>
<td>Customize &gt; Posts/Pages Layout &gt; Post Layout &gt; toggle off</td>
<td>Yes</td>
</tr>
<tr>
<td>Change separator/style/home icon</td>
<td>Customize &gt; General &gt; Breadcrumbs</td>
<td>Yes</td>
</tr>
<tr>
<td>Use SEO plugin&#8217;s breadcrumbs</td>
<td>Customize &gt; General &gt; Breadcrumbs &gt; Breadcrumb Engine</td>
<td>Yes</td>
</tr>
</tbody>
</table>
<h2>Frequently Asked Questions</h2>
<h3>Does disabling Kadence breadcrumbs hurt my SEO?</h3>
<p>Not in most cases. Breadcrumbs help Google understand deep site hierarchies, but pages like your homepage, About, and Contact have obvious structure already. I only keep breadcrumbs on blog posts and product pages where the category path actually adds value.</p>
<h3>Can I disable breadcrumbs on specific categories only?</h3>
<p>Not directly from the Customizer &#8211; it&#8217;s an all-or-nothing toggle for posts. But if you use Rank Math or Yoast SEO, switching the Breadcrumb Engine to that plugin gives you category-level breadcrumb controls. For the free Kadence version without an SEO plugin, the per-page toggle is your best option.</p>
<h3>Why do I see two sets of breadcrumbs on my Kadence site?</h3>
<p>That happens when both Kadence and an SEO plugin (Rank Math or Yoast) are outputting breadcrumbs at the same time. Either switch Kadence&#8217;s Breadcrumb Engine to match your plugin, or disable breadcrumbs in the plugin. Don&#8217;t let both render at once.</p>
<h3>Will disabling breadcrumbs affect my WooCommerce product pages?</h3>
<p>WooCommerce has its own breadcrumb system that&#8217;s separate from Kadence&#8217;s page breadcrumbs. Disabling Kadence breadcrumbs on pages won&#8217;t touch your shop or product page breadcrumbs unless you specifically disable them on those pages too.</p>
<h3>Does the home icon toggle work on mobile?</h3>
<p>Yes. The home icon replaces the &#8220;Home&#8221; text everywhere breadcrumbs appear &#8211; desktop, tablet, and mobile. It&#8217;s a small SVG icon, so it scales cleanly at any size and saves horizontal space on narrow mobile screens where long breadcrumb trails tend to wrap awkwardly.</p>
<p>The per-page approach is what I&#8217;d start with. Turn off breadcrumbs on your homepage and landing pages first, then decide if you want them globally or not. It&#8217;s one of those small tweaks that makes your site look more polished in under a minute.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
