BugWP logo BugWP
Back to Community
Home / Community / Theme → Blocksy

Troubleshooting Common Blocksy Sticky Header Issues

21 threads Sep 7, 2025 Theme → Blocksy

Content

Sticky headers are a popular feature for modern websites, but they can sometimes behave unexpectedly. Based on community discussions, here are the most common Blocksy sticky header problems and how to resolve them.

1. Sticky Header or Logo Doesn't Shrink

A frequent issue is setting a shrink percentage (e.g., 75%) but seeing no change when scrolling. This is often caused by excessive transparent pixels around your logo image. The system prevents excessive shrinking to maintain logo legibility.

Solution: Use an image editor to trim the transparent space around your logo and re-upload it.

2. Sticky Header Not Appearing or Working

If your sticky header doesn't activate at all, the most common cause is an outdated Blocksy Companion plugin. The theme and companion plugin versions must be synchronized.

Solution: Navigate to your WordPress dashboard and ensure both the Blocksy theme and the Blocksy Companion plugin are updated to their latest versions.

3. Sticky Header Effects Not Working

You might find that the 'Default' sticky effect works, but others like 'Fade' or 'Slide' do not. This can often be a caching issue, especially after a theme update.

Solution: Clear all your site and browser caches thoroughly. If you use a caching plugin or service (like Ezoic), clear its cache from its respective control panel.

4. Content Appears Over the Sticky Header (Z-Index Issue)

Sometimes, page content like hover effects or dropdowns can appear on top of the sticky header, obscuring it. This is a stacking context (z-index) issue.

Solution: Add the following custom CSS snippet in the Customizer under Additional CSS:

.ct-header {
    z-index: 9999 !important;
}

5. Sticky Header Doesn't Work with Page Builders

If you built a page with Elementor and the sticky header stops working, it's often due to the page template settings.

Solution: Edit the page and ensure its template is set to Default and not one of Elementor's full-width templates (like 'Elementor Canvas').

6. Setting a Specific Sticky Header Height

The free version of Blocksy does not offer a direct option to set the sticky header to a fixed pixel height. Instead, it provides a percentage-based shrink option.

Solution: To control the height, enable the sticky header and then navigate to Customizer → Header → [Your Header Row]. Turn on the "Sticky State Row Shrink" option and set your desired shrinkage percentage.

7. Disabling the Sticky Header on Specific Pages

A common request is to have a sticky header site-wide but disable it on specific pages like a checkout or landing page. This functionality is a feature of the premium version.

Solution (Pro only): Create a separate header in the Customizer, disable the sticky functionality for it, and assign that new header only to the specific pages where you want it to appear.

By following these troubleshooting steps, you should be able to resolve the majority of sticky header issues. If problems persist, consider testing with all other plugins temporarily deactivated to rule out a conflict.

Related Support Threads Support