Skip to content
Help Center
  • Pricing
  • ProductsExpand
    • Premium PlansGet all the tools you need in one plan
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
    • Get Kadence + Hosting
      In One Place

      Enjoy faster setup, top-tier performance, and worry-free WordPress hosting – Kadence Theme, Kadence Blocks, and Solid Security all pre-installed.

      Learn More

  • Kadence AI
  • Starter Templates
  • Blog
  • SupportExpand
    • Resource HubStart here for guides, Product docs, FAQs, and Troubleshooting tips, all in one place.
    • Contact SupportStuck on something? We’re here to help! Open a ticket for top-notch support.
    • Contact Our TeamGot pre-sales questions or need help choosing a plan? Open a ticket and our team will guide you.
    • About usCrafted with love in Missoula, Montana. Meet the team behind the mission.
Account Account
Get Kadence
Kadence Theme
  • Features
  • Pro
  • Starter Templates
  • HelpExpand
    • Documentation
    • Facebook Group
    • Submit a Ticket
    • Feature Requests
    • Roadmap
    • Changelog
Help Center
Kadence Theme

Getting Started

  • Installing the Kadence Theme
  • How to use the Kadence Theme Style Guide
  • Installing Kadence Starter Templates (Unlock AI and Pre-Designed Templates)
  • Getting Started with Kadence Site Assist
  • Starter Templates: AI Powered Vs Pre-Designed
  • Getting Started with a Pre-Designed Starter Template
  • Setting up Posts, Pages, and Archive Layouts in Kadence

Customize Settings

  • The Kadence Theme Performance Settings
  • How to use the Kadence Theme Color Palette
  • Typography Settings
  • How to Style Buttons in the Kadence Theme
  • How to Add a Sidebar
  • Sticky Sidebars
  • Page Layout Customizer Settings
  • Single Post Layout Customizer Settings
  • Archive Layout Customizer Settings
  • Kadence WooCommerce Customizer Settings
  • Understanding CSS Clamp and How It Works in the Kadence Theme
  • The Kadence Theme Breadcrumb Settings
  • How to add Scroll To Top
  • How to Enable Scroll to ID
  • How to Add an Author Box to Your Posts
  • Search Results Customizer Settings
  • How to customize the Kadence Footer
  • How to Import, Export, and Reset Kadence Theme Customizer Settings Using Starter Templates Plugin
  • How to Host Google Fonts Locally
  • How to Remove the Page Title in Kadence Theme
  • How to Enable the Kadence Lightbox Feature for Image Links

Header

  • How to Customize the Kadence Header
  • Kadence Classic Header Items
  • Customizing the Classic Header Navigation Colors (Default Header, Transparent Header, Sticky Header)
  • Editing a Row in the Header
  • Customizing the Mobile Navigation Area
  • Customizing the Topbar
  • Edit Dropdown Menu Styling
  • Social Media Icons in the Header
  • Working with the Sticky Header
  • How to Use a Transparent Header
  • Preventing the Theme Transparent Header from Overlapping Page Content

General WordPress

  • How to Change the Number of Posts Displayed on Your Blog Page in WordPress
  • How to specify different CSS styles for mobile, tablet, and PC layouts
  • Enabling ICO File Uploads in WordPress
  • How to Reset Your WordPress Website for Free
  • How to Create Patterns in WordPress (Reusable Blocks)
  • Understanding PHP Deprecated Notices on Your Site
  • How to create a staging website
  • Reserved Slugs and Terms
  • Using the WordPress Dashboard
  • How to Bulk Update Links and Text (Search & Replace)
  • How to Add a Featured Image to a WordPress Post
  • How to Regenerate Permalinks in WordPress
  • Simulating a Mobile Environment For Testing
  • How to Enable Categories and Tags for Pages
  • Set Site Favicon
  • How do I add Custom CSS
  • Adding Google Analytics
  • How To Backup Your WordPress Website
  • How to add a Custom Post Type
  • Fix: Page Not Updating
  • How to Find the Page or Post ID
  • How to prevent spam comments
  • How do I turn off comments?
  • How to Remove All Spam Comments

Troubleshooting

  • How to Reset Your WordPress Website for Free
  • Troubleshooting the “Updating page failed. You’re probably offline.” Error
  • How to Create a Screen Recording for Free
  • Website Favicon is missing on Google Search Results
  • How to Diagnose and Fix Common Google Ads Issues on your site
  • Fixing Mixed Content Errors in WordPress
  • How to resolve the ERR_HTTP2_PROTOCOL_ERROR console error?
  • Troubleshooting White/Blank Screens in the Editor or Customizer
  • Understanding PHP Deprecated Notices on Your Site
  • How to Download Previous Versions of the Kadence Theme and Plugins
  • Fix Starter Template Import Problems When Using Hostinger with Kadence
  • How to run the WordPress built-in database repair tool
  • Recommended Server Resources
  • Troubleshooting the “Update Failed: Service Unavailable” error when updating Pro Kadence WP plugins
  • How to Enable the WordPress Error Logs
  • WordPress Error “Incompatible Archive”
  • Temporarily Deactivating Plugins
  • How to View Console Log Errors
  • Clearing Your Website Cache
  • Getting 500 Errors
  • Broken Styles after version 1.1.15

Advanced

  • How to Use Category & Taxonomy Images with Kadence Dynamic Content
  • How To Add Custom Snippets with Code Snippets
  • Customizing Kadence Related Posts with kadence_related_posts_args Filter
  • How to Use a Post Grid/Carousel Block as Related Posts
  • Customize Pagination in Kadence Theme Using kadence_pagination_args
  • How to Enable Transparent Header on 404 Page
  • How to Customize the Kadence Comment Form
  • Add Thumbnails to Next/Previous Post Navigation
  • Adjusting the Kadence Theme’s scroll offset using a filter
  • Remove title tags on Kadence SVG Icons
  • Adding Kadence Breadcrumbs To Hooked Elements
  • Disable Default Kadence Theme Schema Markup
  • Adding Elements after Specified Paragraphs
  • Common Code Snippets for Kadence Users
  • How to translate using LocoTranslate
  • How to hook elements inside of post or page content
  • What is a Child Theme, Should I Install One, if so How?
  • Adding Custom Fonts to Kadence
  • How to make a custom 404 page
  • How to change a theme icon to something custom
  • Change Any Text on Your Site
  • Changing Various Heading HTML Tags
  • How to Display Custom Post Types with Kadence Template Elements
  • Adding Google Tag Manager with a child theme or code snippet plugin
  • Replace Author HTML (Multiple Author Support)
  • Theme hooks

Theme Kit Pro

  • Kadence Theme Kit Pro Plugin
  • How to create a Mega (Multicolumn Menu)
  • How to use Conditional Headers
  • Kadence Infinite Scroll
  • Kadence Maintenance Mode
  • How to add scripts in header/footer
  • How to use the Color Palette Switch (Dark Mode)
  • How to use Element Hooks
  • WooCommerce Addons
  • How to Add Icons to Your Classic WordPress Menu Items
  • Archive Custom Page Title Backgrounds (Kadence Theme Kit Pro)
  • Theme hooks
  • Header Addons
  • How to add contact information
  • How to add a toggle open menu for desktop
  • How to add a login and account Menu
  • Kadence Custom Fonts
  • How to open the side cart when a product is added to cart

Kadence Elements

  • How To Use Hooked Element Shortcodes
  • What are Kadence Hooked Elements?
  • Installing and Creating Kadence Elements
  • The Four Types of Kadence Elements
  • Kadence Element Settings
  • Kadence Content Section Hooked Elements
  • Kadence Template Hooked Elements
  • Kadence HTML Editor Hooked Elements
  • Kadence Fixed Section Hooked Elements
  • Switching between different Kadence Elements Types
  • Importing/Exporting Kadence Elements

Woocommerce

  • How to Track WooCommerce Cart Actions with JavaScript
  • How to Add Image Switch on Hover for Product Archives
  • How to Add a Mini Cart to the Site Header
  • How to Change the WooCommerce Product Loop Title Tags

Hooked Element Guides

  • How to Use an Element to Replace the Archive Loop Item Content
  • How to Create a Custom Single Post Template with Kadence Hooked Elements
  • How to Create a Custom Archive Page Template with Kadence Hooked Elements
  • How to Replace Specific Posts’ Sidebar Content Using a Kadence Element
  • Programmatically Display Kadence Hook Elements
  • How to Design a Post Grid/Carousel using a Kadence Element
  • How to make a Dynamic Search Results Title in Kadence
  • Adding Kadence Breadcrumbs To Hooked Elements
  • How to Replace the Footer Using a Kadence Element
  • Home
  • Knowledge Base
  • Kadence Theme
  • Kadence Theme
  • Theme Kit Pro

Kadence Maintenance Mode

Whether your website is undergoing updates or in preparation for its launch, Kadence Theme Kit Pro offers a straightforward way to guide users to a dedicated Maintenance or Coming Soon page. While using the Kadence Maintenance Mode feature, you can display a custom page to inform visitors of ongoing maintenance/website repairs, upcoming launch dates, or other important information, ensuring a smooth user experience while your website may not be fully available at the time. This feature not only helps you manage visitor expectations but also communicates professionally with search engines during temporary changes or website development.

Table of Contents
  • Getting Started
  • Maintenance Mode Page Settings
    • Disabling the Default Sitemap

Maintenance Mode avoids the Header/Footer Scripts set in the Kadence Theme. If you wish to include a script on a maintenance page, consider adding the script to an HTML block within the maintenance page itself.

Maintenance Mode also doesn’t disable the WooCommerce store notice. (This can be disabled in the Customizer → WooCommerce → Store Notice settings.)

Maintenance Mode only works with the WordPress Block Editor (Gutenberg). If your site still uses the Classic Editor, Maintenance Mode won’t work.

Getting Started

Kadence Maintenance Mode is a part of the Kadence Theme Kit Pro plugin. You can get this plugin as a stand-alone product or in one of our Plans.

With the Kadence Theme Kit Pro plugin active on your website, navigate to the Dashboard → Appearance → Kadence page. In the Pro Addons section, locate the Maintenance Mode feature and enable it via the toggle switch.

Enable Kadence Maintenance Mode

Once Maintenance Mode is enabled, click on the Customize link below the feature description. You can also manually go to the Dashboard → Kadence → Maintenance Mode page to set up your Maintenance Mode page(s).

Add New Maintenance Mode Page

Initially, you can create one of the two types of Maintenance Pages.

Choose Page Type
  • Maintenance Mode: This page type uses a 503 Service Unavailable status code, signaling that the site is temporarily down for maintenance. This ensures that search engines can recognize the site’s temporary status and prompt them to revisit it later.
  • Coming Soon Mode: This page type typically uses a 200 OK status code, indicating that the page is accessible and ready to be indexed by search engines, even if the full site isn’t completely live yet.

Choose the mode that best suits your scenario. After selecting the page type, you can either choose a pre-made template or start with a blank page to design your own Maintenance Mode Page from scratch.

Under Maintenance Templates
Coming Soon Templates

When using the Start Blank option, consider using a Row Layout Block with a 100vh Min-Height to ensure your custom page content covers the entire screen. This approach is ideal for displaying a full-page background image and videos or generally fitting your content to the entire screen height.

To set this up, go to Row Layout Block Settings → Advanced Tab, then expand the Structure Settings. Next to the Minimum Height setting, click on the PX box to change the unit of measurement to VH (View Height). Set the value to 100 to ensure the content covers 100% of the viewport height. This configuration is particularly useful for creating a visually impactful design with a full-page background image, video, or gradient.

100vh Row

Once your design is ready, use the Maintenance Mode Settings (explained below) to configure where and how your Maintenance Page will be displayed on the site.

Maintenance Mode Page Settings

When inside the Maintenance Mode Page Editor, use the Maintenance Mode Settings to manage and configure your Maintenance Mode options. This allows you to control things like the Page Background Color, Priority, User Exceptions, and Expiration Settings.

Maintenance Settings

Page Background Color: If you’re not using a Row Layout Block with a 100vh height, you may want to adjust the Page Background Color. This can be done using this setting.

Display Priority: Set a priority for your Maintenance Mode page. The page with the highest priority will be displayed above the pages with a lower priority value.

User Exceptions: In the User Exceptions dropdown, you can specify which User Role Types will see the live site instead of the Maintenance Mode page. By default, this is set for Administrators. You can add additional User Roles to the Exceptions List by clicking the Add User Role Exception button. You can also choose to apply this based on whether users are logged in or logged out.

User Exceptions
Maintenance Mode Page Settings

Expires Settings: Set an expiration for the Maintenance Mode page to automatically disable it once the specified date and time are reached. This is useful for Coming Soon pages with a predetermined opening date and time.

Expires Settings

NOTE: The default user exception is set to Administrator. If you are logged in, you will need to use an Incognito/private window to see your maintenance mode/coming soon page.

Disabling the Default Sitemap

When in Maintenance Mode, you may want to disable the Default Sitemap to prevent Search Engines from indexing incomplete content, broken links, or temporary changes. You can do this through the Customizer settings.

Navigate to the Customizer → Performance settings and look for the Disable Default Sitemap setting to control this. Don’t forget to re-enable this when you launch your site!

Disable Default Sitemap
Do you feel this document was helpful?
Kadence Infinite ScrollHow to add scripts in header/footer
The Kadence WP Logo
Crafted in Missoula, Montana
  • Follow Kadence on Facebook
  • Follow Kadence on Youtube
  • X
  • Follow Kadence on Instagram
Trustpilot
Products
  • Kadence Plans
  • Kadence Theme
  • Kadence Blocks
  • Kadence AI
  • Kadence Starter Templates
  • Kadence Shop Kit
  • Kadence Conversions
  • Kadence Pattern Hub
  • View All
Resources
  • Blog
  • Podcast
  • Knowledgebase
  • Support ticket
  • Feature Requests
  • FAQ
  • WordPress Hosting Services
About Us
  • About Kadence
  • Become an affiliate
  • Contact us
  • Terms
  • Privacy Policy
  • Security
Our Partner Brands
  • SolidWP
  • LearnDash
  • The Events Calendar
  • GiveWP
  • MemberDash
Kadence Community
  • Kadence Marketplace
  • Join the Facebook Group
  • Subscribe to our YouTube Channel
© 2024 Kadence WP | All prices are in USD
Logo for StellarWP an umbrella brand of Premium WordPress plugins
  • Pricing
  • Products
    • Premium PlansGet all the tools you need in one plan
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
    • Get Kadence + Hosting
      In One Place

      Enjoy faster setup, top-tier performance, and worry-free WordPress hosting – Kadence Theme, Kadence Blocks, and Solid Security all pre-installed.

      Learn More

  • Kadence AI
  • Starter Templates
  • Blog
  • Support
    • Resource HubStart here for guides, Product docs, FAQs, and Troubleshooting tips, all in one place.
    • Contact SupportStuck on something? We’re here to help! Open a ticket for top-notch support.
    • Contact Our TeamGot pre-sales questions or need help choosing a plan? Open a ticket and our team will guide you.
    • About usCrafted with love in Missoula, Montana. Meet the team behind the mission.
Account Login
  • Features
  • Pro
  • Starter Templates
  • HelpExpand
    • Documentation
    • Facebook Group
    • Submit a Ticket
    • Feature Requests
    • Roadmap
    • Changelog