Troubleshooting Common Blocksy Child Theme Menu and Header Issues
Content
Many WordPress users choose to create a child theme when customizing the Blocksy theme to preserve their changes through updates. However, a frequent point of confusion arises when activating a new child theme: the header and mobile menu often appear broken or revert to default settings. This guide explains why this happens and provides the most common solutions to get your site looking right again.
Why Do Menu and Header Settings Disappear in a Child Theme?
This is the most common issue and is not a bug. WordPress treats parent and child themes as entirely separate entities. The customizer settings for your header logo, menu locations, sizes, and colors are stored in the database and are theme-specific. When you switch from the Blocksy parent theme to a new child theme, WordPress loads a new, blank set of theme options for that child theme.
This is why you might see a default menu appear, your logo revert to a small size, or your mobile menu stop working entirely. The good news is that the Blocksy team has built a feature to easily solve this.
Solution 1: Transfer Your Parent Theme Settings
The most straightforward fix is to use Blocksy's built-in import/export function to copy your settings from the parent theme to the child theme.
- Ensure you are using the parent Blocksy theme.
- Go to Customizer → Advanced → Import/Export.
- Export your current parent theme settings by downloading the generated JSON file.
- Now, activate your Blocksy child theme.
- Return to Customizer → Advanced → Import/Export in the child theme.
- Import the JSON file you just downloaded.
- Publish the changes. Your header and menu settings should now be identical to the parent theme.
Solution 2: Use the Pre-Made Child Theme
If you are creating a child theme from scratch, it's easy to miss essential template files that control the header and footer. To avoid this, you can download the official, pre-made Blocksy child theme. This ensures all necessary files are present and properly set up to inherit functionality from the parent theme correctly.
Solution 3: Clear All Caches
If your settings appear correct in the WordPress customizer but not on the live site, caching is a likely culprit. This includes:
- Browser Cache: Hard refresh your browser (Ctrl + F5 on Windows, Cmd + Shift + R on Mac) or try viewing the site in an incognito/private window.
- Plugin Cache: Clear any cache from plugins like LiteSpeed Cache, WP Rocket, or W3 Total Cache.
- Server/CDN Cache: Clear your Cloudflare cache or any other Content Delivery Network you may be using.
Other Common Header and Menu Quirks
- Mobile Menu Trigger Not Visible: Sometimes the hamburger menu icon color blends into the background. Check its color settings in Customizer → Header → Mobile Header → Menu Trigger Icon.
- "More" Dropdown on Desktop: Blocksy can create a "More" dropdown menu item on smaller desktop views. This can be disabled with a specific code snippet.
- Settings Only Apply When Logged In: If your custom logo size or colors only work when you are logged into WordPress, this is almost always a caching issue. Follow the steps in Solution 3.
By understanding that child themes start with a blank slate and using the tools Blocksy provides, you can quickly resolve these common header and menu display issues.
Related Support Threads Support
-
Menu structure disappear after deleting some menu titlehttps://wordpress.org/support/topic/menu-structure-disappear-after-deleting-some-menu-title-2/
-
Can’t see hamburger menu in blocksyhttps://wordpress.org/support/topic/cant-see-hamburger-menu-in-blocksy/
-
Header – No logo options in child themehttps://wordpress.org/support/topic/header-no-logo-options-in-child-theme/
-
unable to create a blocksy child themehttps://wordpress.org/support/topic/unable-to-create-a-blocksy-child-theme/
-
navigation block Blocksy themehttps://wordpress.org/support/topic/navigation-block-blocksy-theme/
-
Bloksy Petsy – Header Background Missinghttps://wordpress.org/support/topic/bloksy-petsy-header-background-missing/
-
reversed order of menu itemshttps://wordpress.org/support/topic/reversed-order-of-menu-items/
-
How to disable automatic alt text for main logo?https://wordpress.org/support/topic/how-to-disable-automatic-alt-text-for-main-logo/
-
Sidebar Filter to mobile responsive helphttps://wordpress.org/support/topic/sidebar-filter-to-mobile-responsive-help/
-
Increase the row height of options in dropdown menuhttps://wordpress.org/support/topic/increase-the-row-height-of-options-in-dropdown-menu/
-
Responsive Lightbox’s close icon blocked by page titlebarhttps://wordpress.org/support/topic/responsive-lightboxs-close-icon-blocked-by-page-titlebar/
-
Skip content and menu items at the tophttps://wordpress.org/support/topic/skip-content-and-menu-items-at-the-top/
-
Topbarhttps://wordpress.org/support/topic/topbar-5/
-
Remove White barhttps://wordpress.org/support/topic/remove-white-bar-2/
-
site icon and menu item size not holding the settings after logging outhttps://wordpress.org/support/topic/site-icon-and-menu-item-size-not-holding-the-settings-after-logging-out/
-
Header Options: Rows and Menu etchttps://wordpress.org/support/topic/header-options-rows-and-menu-etc/
-
Search icon overlapping menu itemshttps://wordpress.org/support/topic/search-icon-overlapping-menu-items/
-
Disable ‘More’ in Navbar in Blocksy themehttps://wordpress.org/support/topic/disable-more-in-navbar-in-blocksy-theme/
-
error in menu mobile on child themehttps://wordpress.org/support/topic/error-in-menu-mobile-on-child-theme/
-
how delete Adress and work hours from mobile menuhttps://wordpress.org/support/topic/how-delete-adress-and-work-hours-from-mobile-menu/
-
Blocksy Theme – header Row Min Height has no effecthttps://wordpress.org/support/topic/blocksy-theme-header-row-min-height-has-no-effect/
-
Footer Lengthhttps://wordpress.org/support/topic/footer-length-3/
-
How can I undo navigations I made in the header menu on blocksy?https://wordpress.org/support/topic/how-can-i-undo-navigations-i-made-in-the-header-menu-on-blocksy-2/
-
Blocksy: Remove white space above and below menuhttps://wordpress.org/support/topic/blocksy-remove-white-space-above-and-below-menu/
-
There is something wrong with Blocksy footerhttps://wordpress.org/support/topic/there-is-something-wrong-with-blocksy-footer/
-
Logo and Mobile Menu drifting Rightwardhttps://wordpress.org/support/topic/logo-and-mobile-menu-drifting-rightward/
-
Center Header Logohttps://wordpress.org/support/topic/center-header-logo-6/
-
Header Logo getting cropped on android phoneshttps://wordpress.org/support/topic/header-logo-getting-cropped-on-android-phones-2/
-
How to hide or disable Blocksy sub menu indicator on mobile deviceshttps://wordpress.org/support/topic/how-to-hide-or-disable-blocks-sub-menu-indicator-on-mobile-devices/
-
Customiser a nd full width navbarhttps://wordpress.org/support/topic/customiser-a-nd-full-width-navbar/
-
Off-canvas logo and the close button to be on the same row on mobile deviceshttps://wordpress.org/support/topic/off-canvas-logo-and-the-close-button-to-be-on-the-same-row-on-mobile-devices/
-
Menu not showing Correctlyhttps://wordpress.org/support/topic/menu-not-showing-correctly/