a:5:{s:9:"HTTP_CODE";i:200;s:5:"posts";a:9:{i:0;a:41:{s:2:"id";i:18337;s:5:"title";s:53:"Scroll-Based Sticky Header with Logo Color Transition";s:9:"post_date";s:19:"2025-10-17 06:17:46";s:12:"post_content";s:766:"<p>The Scroll-Based Sticky Header with Logo Color Transition feature intelligently alters the color of your logo as users scroll, perfectly matching the design of each section they visit. This smooth, automatic transition ensures that your logo remains clear and vibrant while maintaining a consistent design theme. With full customization options, you can control color changes, scroll distances, and animation speed, tailoring the experience to your brand’s aesthetic. Ideal for creative sites such as portfolios, agencies, and product showcases, this feature enhances navigation visibility and keeps your design sharp. Responsive, lightweight, and optimized for all devices, it delivers a smooth, modern, and professional browsing experience for your users.</p>";s:15:"post_subcontent";s:387:"<p>Enhance your website's navigation with the Scroll-Based Sticky Header with Logo Color Transition feature in Sticky Header Effects. As users scroll through your site, the header dynamically adjusts its logo color, ensuring a visually engaging experience that aligns with your brand’s color palette and improves readability—creating a seamless, polished look across all devices.</p>";s:8:"post_url";s:48:"https://stickyheadereffects.com/demos/header-10/";s:12:"products_url";s:0:"";s:13:"elementor_url";s:0:"";s:13:"gutenberg_url";s:0:"";s:9:"figma_url";s:0:"";s:12:"post_feature";s:1155:"<p><strong>1. Sticky Header with Scroll Activation</strong>: The header stays fixed while users scroll, ensuring constant visibility of navigation.</p><p><strong>2. Smooth Logo Color Transition</strong>: Logo color adapts based on the scroll position, keeping it visible and engaging.</p><p><strong>3. Customizable Scroll Triggers</strong>: Control when the color transition occurs based on the user’s scroll distance.</p><p><strong>4. Seamless Background Color Shift</strong>: The background color of the header transitions to maintain visual contrast across sections.</p><p><strong>5. Fully Adjustable Animation Speed</strong>: Customize the transition speed for a smoother or quicker effect.</p><p><strong>6. Responsive Design</strong>: Works seamlessly across all devices, maintaining functionality and style on mobile, tablet, and desktop.</p><p><strong>7. Enhanced Readability &amp; Branding</strong>: Ensures the header stands out without interrupting the site’s aesthetic, maintaining clarity and readability.</p><p><strong>8. Lightweight &amp; Fast</strong>: Optimized for performance, ensuring no impact on load times or scrolling speed.</p>";s:7:"user_id";i:1;s:11:"post_status";s:7:"publish";s:12:"post_display";s:4:"show";s:12:"is_activated";s:6:"active";s:15:"post_collection";s:0:"";s:13:"post_modified";s:19:"2025-04-14 08:57:24";s:4:"type";s:7:"section";s:12:"wp_post_type";s:5:"demos";s:10:"post_image";s:15:"10 (1)-9933.png";s:16:"post_otherimages";s:6:"a:0:{}";s:11:"site_images";N;s:12:"post_builder";s:4:"1001";s:8:"free_pro";s:4:"free";s:10:"post_views";i:746;s:13:"post_download";i:870;s:10:"avg_rating";s:1:"5";s:12:"total_rating";i:1;s:10:"plugins_id";s:39:"a:3:{i:0;i:1003;i:1;i:1005;i:2;i:1014;}";s:13:"pluginlicence";s:6:"a:0:{}";s:8:"terms_id";s:17:"a:1:{i:0;i:1017;}";s:7:"tags_id";s:30:"a:3:{i:0;i:1;i:1;i:2;i:2;i:3;}";s:9:"key_words";s:40:"Logo Color Change,Header Scroll Distance";s:12:"global_color";s:6:"a:0:{}";s:11:"global_data";s:48:"a:2:{s:10:"typography";a:0:{}s:5:"color";a:0:{}}";s:18:"global_font_family";s:6:"a:0:{}";s:13:"ai_compatible";s:3:"yes";s:13:"post_filename";s:16:"wd-67fccdf4.json";s:10:"builderUrl";s:83:"https://wdesignkit.com/images/uploads/wpdk-admin/builder-list/builder-elementor.svg";s:9:"image_url";s:77:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/10 (1)-9933.png";s:16:"responsive_image";a:4:{i:0;a:2:{s:4:"size";i:1200;s:3:"url";s:87:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_1200x900/10 (1)-9933.png";}i:1;a:2:{s:4:"size";i:800;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_800x600/10 (1)-9933.png";}i:2;a:2:{s:4:"size";i:600;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_600x450/10 (1)-9933.png";}i:3;a:2:{s:4:"size";i:300;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_300x225/10 (1)-9933.png";}}}i:1;a:41:{s:2:"id";i:18336;s:5:"title";s:65:"Sticky Header with Transparent Background & Hide-on-Scroll Effect";s:9:"post_date";s:19:"2025-10-17 05:51:49";s:12:"post_content";s:841:"<p>The Sticky Header with Transparent Background &amp; Hide-on-Scroll Effect provides a sleek, dynamic way to optimize your website’s header. The header turns transparent as users scroll, blending with your content for a minimalistic look. As the user scrolls down, it disappears to offer more space for your page’s content, then reappears when they scroll back up, providing easy access to navigation. Fully customizable, you can adjust the scroll trigger, transparency, and animation timing to fit your website’s aesthetic and functionality needs. This feature is perfect for creative portfolios, modern blogs, and digital agencies, offering a professional and clutter-free navigation experience. Responsive and lightweight, it ensures seamless performance across all devices, delivering a sophisticated and user-friendly design.</p>";s:15:"post_subcontent";s:457:"<p>Enhance your website’s navigation with the Sticky Header with Transparent Background &amp; Hide-on-Scroll Effect in Sticky Header Effects. As users scroll, the header seamlessly becomes transparent, maintaining a clean and modern look while preserving key navigation elements. When users scroll down, the header elegantly hides, maximizing content visibility, then reappears when scrolling back up, offering a smooth, intuitive browsing experience.</p>";s:8:"post_url";s:47:"https://stickyheadereffects.com/demos/header-9/";s:12:"products_url";s:0:"";s:13:"elementor_url";s:0:"";s:13:"gutenberg_url";s:0:"";s:9:"figma_url";s:0:"";s:12:"post_feature";s:1155:"<p><strong>1. Sticky Header with Scroll Activation</strong>: The header stays fixed while users scroll, ensuring constant visibility of navigation.</p><p><strong>2. Smooth Logo Color Transition</strong>: Logo color adapts based on the scroll position, keeping it visible and engaging.</p><p><strong>3. Customizable Scroll Triggers</strong>: Control when the color transition occurs based on the user’s scroll distance.</p><p><strong>4. Seamless Background Color Shift</strong>: The background color of the header transitions to maintain visual contrast across sections.</p><p><strong>5. Fully Adjustable Animation Speed</strong>: Customize the transition speed for a smoother or quicker effect.</p><p><strong>6. Responsive Design</strong>: Works seamlessly across all devices, maintaining functionality and style on mobile, tablet, and desktop.</p><p><strong>7. Enhanced Readability &amp; Branding</strong>: Ensures the header stands out without interrupting the site’s aesthetic, maintaining clarity and readability.</p><p><strong>8. Lightweight &amp; Fast</strong>: Optimized for performance, ensuring no impact on load times or scrolling speed.</p>";s:7:"user_id";i:1;s:11:"post_status";s:7:"publish";s:12:"post_display";s:4:"show";s:12:"is_activated";s:6:"active";s:15:"post_collection";s:0:"";s:13:"post_modified";s:19:"2025-04-14 08:56:51";s:4:"type";s:7:"section";s:12:"wp_post_type";s:5:"demos";s:10:"post_image";s:15:"09 (1)-8334.png";s:16:"post_otherimages";s:6:"a:0:{}";s:11:"site_images";N;s:12:"post_builder";s:4:"1001";s:8:"free_pro";s:4:"free";s:10:"post_views";i:886;s:13:"post_download";i:1275;s:10:"avg_rating";s:1:"5";s:12:"total_rating";i:1;s:10:"plugins_id";s:39:"a:3:{i:0;i:1003;i:1;i:1005;i:2;i:1014;}";s:13:"pluginlicence";s:6:"a:0:{}";s:8:"terms_id";s:17:"a:1:{i:0;i:1017;}";s:7:"tags_id";s:30:"a:3:{i:0;i:1;i:1;i:2;i:2;i:3;}";s:9:"key_words";s:56:"Hide Header on Scroll Down,Transparent Header Background";s:12:"global_color";s:6:"a:0:{}";s:11:"global_data";s:48:"a:2:{s:10:"typography";a:0:{}s:5:"color";a:0:{}}";s:18:"global_font_family";s:6:"a:0:{}";s:13:"ai_compatible";s:3:"yes";s:13:"post_filename";s:16:"wd-67fccdd3.json";s:10:"builderUrl";s:83:"https://wdesignkit.com/images/uploads/wpdk-admin/builder-list/builder-elementor.svg";s:9:"image_url";s:77:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/09 (1)-8334.png";s:16:"responsive_image";a:4:{i:0;a:2:{s:4:"size";i:1200;s:3:"url";s:87:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_1200x900/09 (1)-8334.png";}i:1;a:2:{s:4:"size";i:800;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_800x600/09 (1)-8334.png";}i:2;a:2:{s:4:"size";i:600;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_600x450/09 (1)-8334.png";}i:3;a:2:{s:4:"size";i:300;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_300x225/09 (1)-8334.png";}}}i:2;a:41:{s:2:"id";i:18335;s:5:"title";s:43:"Sticky Header Effects with Header Shrinking";s:9:"post_date";s:19:"2025-10-17 01:05:20";s:12:"post_content";s:760:"<p>The Header Shrinking feature in Sticky Header Effects allows your header to smoothly reduce in size as users scroll down the page. This creates a sleeker, less obtrusive look while keeping your navigation clearly visible and accessible at all times. By minimizing the header’s height on scroll, you give more focus to your content without sacrificing functionality. It’s a subtle yet effective way to add interactivity and modern design appeal. This feature is fully customizable—adjust shrink speed, final height, and animation styles to suit your layout. Perfect for blogs, business sites, and landing pages, it enhances visual flow and professionalism. Lightweight, responsive, and easy to set up, it ensures a smooth experience on all devices.</p>";s:15:"post_subcontent";s:303:"<p>Enhance your site’s usability and design with the Header Shrinking feature in Sticky Header Effects. As users scroll down the page, your header smoothly reduces in height, providing more space for content while keeping navigation accessible—offering a clean, professional browsing experience.</p>";s:8:"post_url";s:47:"https://stickyheadereffects.com/demos/header-8/";s:12:"products_url";s:0:"";s:13:"elementor_url";s:0:"";s:13:"gutenberg_url";s:0:"";s:9:"figma_url";s:0:"";s:12:"post_feature";s:1155:"<p><strong>1. Sticky Header with Scroll Activation</strong>: The header stays fixed while users scroll, ensuring constant visibility of navigation.</p><p><strong>2. Smooth Logo Color Transition</strong>: Logo color adapts based on the scroll position, keeping it visible and engaging.</p><p><strong>3. Customizable Scroll Triggers</strong>: Control when the color transition occurs based on the user’s scroll distance.</p><p><strong>4. Seamless Background Color Shift</strong>: The background color of the header transitions to maintain visual contrast across sections.</p><p><strong>5. Fully Adjustable Animation Speed</strong>: Customize the transition speed for a smoother or quicker effect.</p><p><strong>6. Responsive Design</strong>: Works seamlessly across all devices, maintaining functionality and style on mobile, tablet, and desktop.</p><p><strong>7. Enhanced Readability &amp; Branding</strong>: Ensures the header stands out without interrupting the site’s aesthetic, maintaining clarity and readability.</p><p><strong>8. Lightweight &amp; Fast</strong>: Optimized for performance, ensuring no impact on load times or scrolling speed.</p>";s:7:"user_id";i:1;s:11:"post_status";s:7:"publish";s:12:"post_display";s:4:"show";s:12:"is_activated";s:6:"active";s:15:"post_collection";s:0:"";s:13:"post_modified";s:19:"2025-04-14 08:56:11";s:4:"type";s:7:"section";s:12:"wp_post_type";s:5:"demos";s:10:"post_image";s:15:"08 (1)-7046.png";s:16:"post_otherimages";s:6:"a:0:{}";s:11:"site_images";N;s:12:"post_builder";s:4:"1001";s:8:"free_pro";s:4:"free";s:10:"post_views";i:605;s:13:"post_download";i:786;s:10:"avg_rating";s:1:"5";s:12:"total_rating";i:1;s:10:"plugins_id";s:39:"a:3:{i:0;i:1003;i:1;i:1005;i:2;i:1014;}";s:13:"pluginlicence";s:6:"a:0:{}";s:8:"terms_id";s:17:"a:1:{i:0;i:1017;}";s:7:"tags_id";s:30:"a:3:{i:0;i:1;i:1;i:2;i:2;i:3;}";s:9:"key_words";s:16:"Header Shrinking";s:12:"global_color";s:6:"a:0:{}";s:11:"global_data";s:48:"a:2:{s:10:"typography";a:0:{}s:5:"color";a:0:{}}";s:18:"global_font_family";s:6:"a:0:{}";s:13:"ai_compatible";s:3:"yes";s:13:"post_filename";s:16:"wd-67fccdab.json";s:10:"builderUrl";s:83:"https://wdesignkit.com/images/uploads/wpdk-admin/builder-list/builder-elementor.svg";s:9:"image_url";s:77:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/08 (1)-7046.png";s:16:"responsive_image";a:4:{i:0;a:2:{s:4:"size";i:1200;s:3:"url";s:87:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_1200x900/08 (1)-7046.png";}i:1;a:2:{s:4:"size";i:800;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_800x600/08 (1)-7046.png";}i:2;a:2:{s:4:"size";i:600;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_600x450/08 (1)-7046.png";}i:3;a:2:{s:4:"size";i:300;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_300x225/08 (1)-7046.png";}}}i:3;a:41:{s:2:"id";i:18334;s:5:"title";s:57:"Sticky Header Effects with Logo & Background Color Change";s:9:"post_date";s:19:"2025-10-17 09:24:51";s:12:"post_content";s:999:"<p>Sticky Header Effects with Logo &amp; Background Color Change brings smart, scroll-aware navigation to your website. As users move through different sections, the header smoothly changes its background color and logo style based on the content beneath—ensuring perfect contrast and consistent branding throughout the journey. These transitions are fully customizable, letting you define scroll distances, animation speeds, and color combinations that suit your design. Whether you're switching from light to dark backgrounds or alternating between image and text-heavy sections, your header remains clean, readable, and visually integrated. Ideal for storytelling layouts, modern portfolios, creative agencies, and product-focused pages, this feature adds an elegant, interactive layer to your site without compromising performance. It’s fully responsive, lightweight, and compatible with major page builders—delivering a professional, polished navigation experience across all devices.</p>";s:15:"post_subcontent";s:313:"<p>Elevate your site’s user experience with Sticky Header Effects, featuring dynamic background and logo color changes. As visitors scroll through your page, the header seamlessly adapts to each section—enhancing readability, reinforcing your brand, and maintaining visual harmony across your entire site.</p>";s:8:"post_url";s:47:"https://stickyheadereffects.com/demos/header-7/";s:12:"products_url";s:0:"";s:13:"elementor_url";s:0:"";s:13:"gutenberg_url";s:0:"";s:9:"figma_url";s:0:"";s:12:"post_feature";s:1155:"<p><strong>1. Sticky Header with Scroll Activation</strong>: The header stays fixed while users scroll, ensuring constant visibility of navigation.</p><p><strong>2. Smooth Logo Color Transition</strong>: Logo color adapts based on the scroll position, keeping it visible and engaging.</p><p><strong>3. Customizable Scroll Triggers</strong>: Control when the color transition occurs based on the user’s scroll distance.</p><p><strong>4. Seamless Background Color Shift</strong>: The background color of the header transitions to maintain visual contrast across sections.</p><p><strong>5. Fully Adjustable Animation Speed</strong>: Customize the transition speed for a smoother or quicker effect.</p><p><strong>6. Responsive Design</strong>: Works seamlessly across all devices, maintaining functionality and style on mobile, tablet, and desktop.</p><p><strong>7. Enhanced Readability &amp; Branding</strong>: Ensures the header stands out without interrupting the site’s aesthetic, maintaining clarity and readability.</p><p><strong>8. Lightweight &amp; Fast</strong>: Optimized for performance, ensuring no impact on load times or scrolling speed.</p>";s:7:"user_id";i:1;s:11:"post_status";s:7:"publish";s:12:"post_display";s:4:"show";s:12:"is_activated";s:6:"active";s:15:"post_collection";s:0:"";s:13:"post_modified";s:19:"2025-04-14 08:55:32";s:4:"type";s:7:"section";s:12:"wp_post_type";s:5:"demos";s:10:"post_image";s:15:"07 (1)-5469.png";s:16:"post_otherimages";s:6:"a:0:{}";s:11:"site_images";N;s:12:"post_builder";s:4:"1001";s:8:"free_pro";s:4:"free";s:10:"post_views";i:439;s:13:"post_download";i:550;s:10:"avg_rating";s:1:"5";s:12:"total_rating";i:1;s:10:"plugins_id";s:39:"a:3:{i:0;i:1003;i:1;i:1005;i:2;i:1014;}";s:13:"pluginlicence";s:6:"a:0:{}";s:8:"terms_id";s:17:"a:1:{i:0;i:1017;}";s:7:"tags_id";s:30:"a:3:{i:0;i:1;i:1;i:2;i:2;i:3;}";s:9:"key_words";s:41:"Logo Color Change,Background Color Change";s:12:"global_color";s:6:"a:0:{}";s:11:"global_data";s:48:"a:2:{s:10:"typography";a:0:{}s:5:"color";a:0:{}}";s:18:"global_font_family";s:6:"a:0:{}";s:13:"ai_compatible";s:3:"yes";s:13:"post_filename";s:16:"wd-67fccd84.json";s:10:"builderUrl";s:83:"https://wdesignkit.com/images/uploads/wpdk-admin/builder-list/builder-elementor.svg";s:9:"image_url";s:77:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/07 (1)-5469.png";s:16:"responsive_image";a:4:{i:0;a:2:{s:4:"size";i:1200;s:3:"url";s:87:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_1200x900/07 (1)-5469.png";}i:1;a:2:{s:4:"size";i:800;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_800x600/07 (1)-5469.png";}i:2;a:2:{s:4:"size";i:600;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_600x450/07 (1)-5469.png";}i:3;a:2:{s:4:"size";i:300;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_300x225/07 (1)-5469.png";}}}i:4;a:41:{s:2:"id";i:18333;s:5:"title";s:47:"Sticky Header Effect with Bottom Border Styling";s:9:"post_date";s:19:"2025-10-17 06:05:24";s:12:"post_content";s:678:"<p>The Bottom Border Styling feature in Sticky Header Effects adds a clean, modern line beneath your header that appears as users scroll. This subtle yet impactful design element helps distinguish the header from the content below, improving visual structure and focus. You can fully customize the border’s thickness, color, style, and animation—making it easy to match your brand aesthetic. Whether you're designing a professional site, blog, or eCommerce layout, this feature adds polish without clutter. It’s responsive, lightweight, and seamlessly blends with your sticky header setup, offering a refined and user-friendly navigation experience across all devices.</p>";s:15:"post_subcontent";s:268:"<p>Refine your website’s navigation with the Bottom Border Styling feature in Sticky Header Effects. Add a sleek, customizable line beneath your header that activates on scroll—visually separating the header from your content while enhancing clarity and focus.</p>";s:8:"post_url";s:47:"https://stickyheadereffects.com/demos/header-6/";s:12:"products_url";s:0:"";s:13:"elementor_url";s:0:"";s:13:"gutenberg_url";s:0:"";s:9:"figma_url";s:0:"";s:12:"post_feature";s:1155:"<p><strong>1. Sticky Header with Scroll Activation</strong>: The header stays fixed while users scroll, ensuring constant visibility of navigation.</p><p><strong>2. Smooth Logo Color Transition</strong>: Logo color adapts based on the scroll position, keeping it visible and engaging.</p><p><strong>3. Customizable Scroll Triggers</strong>: Control when the color transition occurs based on the user’s scroll distance.</p><p><strong>4. Seamless Background Color Shift</strong>: The background color of the header transitions to maintain visual contrast across sections.</p><p><strong>5. Fully Adjustable Animation Speed</strong>: Customize the transition speed for a smoother or quicker effect.</p><p><strong>6. Responsive Design</strong>: Works seamlessly across all devices, maintaining functionality and style on mobile, tablet, and desktop.</p><p><strong>7. Enhanced Readability &amp; Branding</strong>: Ensures the header stands out without interrupting the site’s aesthetic, maintaining clarity and readability.</p><p><strong>8. Lightweight &amp; Fast</strong>: Optimized for performance, ensuring no impact on load times or scrolling speed.</p>";s:7:"user_id";i:1;s:11:"post_status";s:7:"publish";s:12:"post_display";s:4:"show";s:12:"is_activated";s:6:"active";s:15:"post_collection";s:0:"";s:13:"post_modified";s:19:"2025-04-14 08:54:53";s:4:"type";s:7:"section";s:12:"wp_post_type";s:5:"demos";s:10:"post_image";s:15:"06 (1)-9369.png";s:16:"post_otherimages";s:6:"a:0:{}";s:11:"site_images";N;s:12:"post_builder";s:4:"1001";s:8:"free_pro";s:4:"free";s:10:"post_views";i:312;s:13:"post_download";i:427;s:10:"avg_rating";s:1:"5";s:12:"total_rating";i:1;s:10:"plugins_id";s:39:"a:3:{i:0;i:1003;i:1;i:1005;i:2;i:1014;}";s:13:"pluginlicence";s:6:"a:0:{}";s:8:"terms_id";s:17:"a:1:{i:0;i:1017;}";s:7:"tags_id";s:30:"a:3:{i:0;i:1;i:1;i:2;i:2;i:3;}";s:9:"key_words";s:21:"Bottom Border Styling";s:12:"global_color";s:6:"a:0:{}";s:11:"global_data";s:48:"a:2:{s:10:"typography";a:0:{}s:5:"color";a:0:{}}";s:18:"global_font_family";s:6:"a:0:{}";s:13:"ai_compatible";s:3:"yes";s:13:"post_filename";s:16:"wd-67fccd5d.json";s:10:"builderUrl";s:83:"https://wdesignkit.com/images/uploads/wpdk-admin/builder-list/builder-elementor.svg";s:9:"image_url";s:77:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/06 (1)-9369.png";s:16:"responsive_image";a:4:{i:0;a:2:{s:4:"size";i:1200;s:3:"url";s:87:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_1200x900/06 (1)-9369.png";}i:1;a:2:{s:4:"size";i:800;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_800x600/06 (1)-9369.png";}i:2;a:2:{s:4:"size";i:600;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_600x450/06 (1)-9369.png";}i:3;a:2:{s:4:"size";i:300;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_300x225/06 (1)-9369.png";}}}i:5;a:41:{s:2:"id";i:18332;s:5:"title";s:64:"Sticky Header with Logo & Background Color Shift & shrink Header";s:9:"post_date";s:19:"2025-10-16 14:43:58";s:12:"post_content";s:1157:"<p>The Sticky Header with Logo Color Shift &amp; Blurred Background feature adds a sophisticated touch to your website by combining dynamic branding with modern visual effects. As users scroll through your page, the header background softly blurs, helping content stay in focus while maintaining clear navigation. imultaneously, the logo color transitions to ensure it stays visible and balanced against any background. This effect creates a stylish separation between your header and content, enhancing readability and creating a smooth, glass-like visual layer that feels both modern and refined. You can fully customize the blur intensity, transition speed, and logo styles to fit your brand. Ideal for agencies, creatives, tech brands, and product-driven websites, this feature keeps your navigation accessible without distracting from the content. It’s fully responsive, lightweight, and optimized for performance—ensuring a premium user experience across all screen sizes. Whether you want subtle elegance or bold clarity, this combination of logo color shift and background blur brings professional polish to your site’s scrolling behavior.</p>";s:15:"post_subcontent";s:325:"<p>Elevate your site’s visual depth and clarity with Sticky Header Effects featuring Logo Color Shift and Blurred Background. As users scroll, your header subtly blurs and the logo switches to maintain perfect contrast—delivering an elegant, high-end browsing experience that blends functionality with refined design.</p>";s:8:"post_url";s:47:"https://stickyheadereffects.com/demos/header-5/";s:12:"products_url";s:0:"";s:13:"elementor_url";s:0:"";s:13:"gutenberg_url";s:0:"";s:9:"figma_url";s:0:"";s:12:"post_feature";s:1155:"<p><strong>1. Sticky Header with Scroll Activation</strong>: The header stays fixed while users scroll, ensuring constant visibility of navigation.</p><p><strong>2. Smooth Logo Color Transition</strong>: Logo color adapts based on the scroll position, keeping it visible and engaging.</p><p><strong>3. Customizable Scroll Triggers</strong>: Control when the color transition occurs based on the user’s scroll distance.</p><p><strong>4. Seamless Background Color Shift</strong>: The background color of the header transitions to maintain visual contrast across sections.</p><p><strong>5. Fully Adjustable Animation Speed</strong>: Customize the transition speed for a smoother or quicker effect.</p><p><strong>6. Responsive Design</strong>: Works seamlessly across all devices, maintaining functionality and style on mobile, tablet, and desktop.</p><p><strong>7. Enhanced Readability &amp; Branding</strong>: Ensures the header stands out without interrupting the site’s aesthetic, maintaining clarity and readability.</p><p><strong>8. Lightweight &amp; Fast</strong>: Optimized for performance, ensuring no impact on load times or scrolling speed.</p>";s:7:"user_id";i:1;s:11:"post_status";s:7:"publish";s:12:"post_display";s:4:"show";s:12:"is_activated";s:6:"active";s:15:"post_collection";s:0:"";s:13:"post_modified";s:19:"2025-04-14 08:54:26";s:4:"type";s:7:"section";s:12:"wp_post_type";s:5:"demos";s:10:"post_image";s:15:"05 (1)-7264.png";s:16:"post_otherimages";s:6:"a:0:{}";s:11:"site_images";N;s:12:"post_builder";s:4:"1001";s:8:"free_pro";s:4:"free";s:10:"post_views";i:441;s:13:"post_download";i:705;s:10:"avg_rating";s:1:"5";s:12:"total_rating";i:1;s:10:"plugins_id";s:39:"a:3:{i:0;i:1003;i:1;i:1005;i:2;i:1014;}";s:13:"pluginlicence";s:6:"a:0:{}";s:8:"terms_id";s:17:"a:1:{i:0;i:1017;}";s:7:"tags_id";s:30:"a:3:{i:0;i:1;i:1;i:2;i:2;i:3;}";s:9:"key_words";s:33:"Logo Color Change,Blur Background";s:12:"global_color";s:6:"a:0:{}";s:11:"global_data";s:48:"a:2:{s:10:"typography";a:0:{}s:5:"color";a:0:{}}";s:18:"global_font_family";s:6:"a:0:{}";s:13:"ai_compatible";s:3:"yes";s:13:"post_filename";s:16:"wd-67fccd42.json";s:10:"builderUrl";s:83:"https://wdesignkit.com/images/uploads/wpdk-admin/builder-list/builder-elementor.svg";s:9:"image_url";s:77:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/05 (1)-7264.png";s:16:"responsive_image";a:4:{i:0;a:2:{s:4:"size";i:1200;s:3:"url";s:87:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_1200x900/05 (1)-7264.png";}i:1;a:2:{s:4:"size";i:800;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_800x600/05 (1)-7264.png";}i:2;a:2:{s:4:"size";i:600;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_600x450/05 (1)-7264.png";}i:3;a:2:{s:4:"size";i:300;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_300x225/05 (1)-7264.png";}}}i:6;a:41:{s:2:"id";i:18331;s:5:"title";s:56:"Scroll-Activated Sticky Header with Bottom Border Effect";s:9:"post_date";s:19:"2025-10-17 07:26:54";s:12:"post_content";s:1184:"<p>The Scroll-Activated Sticky Header with Bottom Border Effect in Sticky Header Effects adds a modern, professional touch to your website’s navigation. As users begin to scroll, the header smoothly locks into place and introduces a clean bottom border—creating a clear visual separation between your content and the fixed menu. This effect is perfect for improving user focus, especially on content-heavy sites. The border enhances header visibility without using distracting colors or animations, maintaining a minimal aesthetic while boosting usability. It gives your visitors a clear sense of structure as they move through the page. Fully customizable, you can adjust the border color, thickness, animation style, and scroll distance that triggers the effect. Whether you want a bold divider or a subtle accent line, the effect adapts to your brand style and layout seamlessly. Designed with performance and responsiveness in mind, it works smoothly across all devices and screen sizes. Ideal for blogs, portfolios, landing pages, and professional websites, this feature adds just the right amount of visual cue—making your navigation intuitive, elegant, and effective.</p>";s:15:"post_subcontent";s:327:"<p>Enhance the way users navigate your site with a scroll-activated sticky header that features a sleek bottom border effect. As visitors scroll down, the header subtly becomes fixed and reveals a stylish bottom line—adding definition, structure, and visual polish to your navigation bar without overwhelming your design.</p>";s:8:"post_url";s:47:"https://stickyheadereffects.com/demos/header-4/";s:12:"products_url";s:0:"";s:13:"elementor_url";s:0:"";s:13:"gutenberg_url";s:0:"";s:9:"figma_url";s:0:"";s:12:"post_feature";s:1155:"<p><strong>1. Sticky Header with Scroll Activation</strong>: The header stays fixed while users scroll, ensuring constant visibility of navigation.</p><p><strong>2. Smooth Logo Color Transition</strong>: Logo color adapts based on the scroll position, keeping it visible and engaging.</p><p><strong>3. Customizable Scroll Triggers</strong>: Control when the color transition occurs based on the user’s scroll distance.</p><p><strong>4. Seamless Background Color Shift</strong>: The background color of the header transitions to maintain visual contrast across sections.</p><p><strong>5. Fully Adjustable Animation Speed</strong>: Customize the transition speed for a smoother or quicker effect.</p><p><strong>6. Responsive Design</strong>: Works seamlessly across all devices, maintaining functionality and style on mobile, tablet, and desktop.</p><p><strong>7. Enhanced Readability &amp; Branding</strong>: Ensures the header stands out without interrupting the site’s aesthetic, maintaining clarity and readability.</p><p><strong>8. Lightweight &amp; Fast</strong>: Optimized for performance, ensuring no impact on load times or scrolling speed.</p>";s:7:"user_id";i:1;s:11:"post_status";s:7:"publish";s:12:"post_display";s:4:"show";s:12:"is_activated";s:6:"active";s:15:"post_collection";s:0:"";s:13:"post_modified";s:19:"2025-04-14 08:53:57";s:4:"type";s:7:"section";s:12:"wp_post_type";s:5:"demos";s:10:"post_image";s:15:"04 (1)-5709.png";s:16:"post_otherimages";s:6:"a:0:{}";s:11:"site_images";N;s:12:"post_builder";s:4:"1001";s:8:"free_pro";s:4:"free";s:10:"post_views";i:376;s:13:"post_download";i:450;s:10:"avg_rating";s:1:"5";s:12:"total_rating";i:1;s:10:"plugins_id";s:39:"a:3:{i:0;i:1003;i:1;i:1005;i:2;i:1014;}";s:13:"pluginlicence";s:6:"a:0:{}";s:8:"terms_id";s:17:"a:1:{i:0;i:1017;}";s:7:"tags_id";s:30:"a:3:{i:0;i:1;i:1;i:2;i:2;i:3;}";s:9:"key_words";s:44:"Header Scroll Distance,Bottom Border Styling";s:12:"global_color";s:6:"a:0:{}";s:11:"global_data";s:48:"a:2:{s:10:"typography";a:0:{}s:5:"color";a:0:{}}";s:18:"global_font_family";s:6:"a:0:{}";s:13:"ai_compatible";s:3:"yes";s:13:"post_filename";s:16:"wd-67fccd25.json";s:10:"builderUrl";s:83:"https://wdesignkit.com/images/uploads/wpdk-admin/builder-list/builder-elementor.svg";s:9:"image_url";s:77:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/04 (1)-5709.png";s:16:"responsive_image";a:4:{i:0;a:2:{s:4:"size";i:1200;s:3:"url";s:87:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_1200x900/04 (1)-5709.png";}i:1;a:2:{s:4:"size";i:800;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_800x600/04 (1)-5709.png";}i:2;a:2:{s:4:"size";i:600;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_600x450/04 (1)-5709.png";}i:3;a:2:{s:4:"size";i:300;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_300x225/04 (1)-5709.png";}}}i:7;a:41:{s:2:"id";i:18330;s:5:"title";s:46:"Sticky Header with Logo Shrink & Bottom Border";s:9:"post_date";s:19:"2025-10-17 08:42:36";s:12:"post_content";s:772:"<p>Add style and functionality to your navigation with the Logo Shrink &amp; Bottom Border feature in Sticky Header Effects. As visitors scroll down the page, the logo subtly scales down and a sleek bottom border appears, giving your header a refined, compact look that keeps attention on your content. This effect improves readability and maximizes screen space without sacrificing branding. It’s fully customizable—adjust the shrink scale, transition speed, and border style to match your site’s design. Whether you're building a blog, business site, or portfolio, this feature adds a polished feel to your scrolling experience. Responsive and lightweight, it ensures consistent performance across all devices while enhancing your site's professional presence.</p>";s:15:"post_subcontent";s:275:"<p>Enhance your site’s header with the Logo Shrink &amp; Bottom Border effect in Sticky Header Effects. As users scroll, the header smoothly reduces in size and introduces a subtle bottom border—improving focus, conserving space, and maintaining a clean, modern look.</p>";s:8:"post_url";s:47:"https://stickyheadereffects.com/demos/header-3/";s:12:"products_url";s:0:"";s:13:"elementor_url";s:0:"";s:13:"gutenberg_url";s:0:"";s:9:"figma_url";s:0:"";s:12:"post_feature";s:1155:"<p><strong>1. Sticky Header with Scroll Activation</strong>: The header stays fixed while users scroll, ensuring constant visibility of navigation.</p><p><strong>2. Smooth Logo Color Transition</strong>: Logo color adapts based on the scroll position, keeping it visible and engaging.</p><p><strong>3. Customizable Scroll Triggers</strong>: Control when the color transition occurs based on the user’s scroll distance.</p><p><strong>4. Seamless Background Color Shift</strong>: The background color of the header transitions to maintain visual contrast across sections.</p><p><strong>5. Fully Adjustable Animation Speed</strong>: Customize the transition speed for a smoother or quicker effect.</p><p><strong>6. Responsive Design</strong>: Works seamlessly across all devices, maintaining functionality and style on mobile, tablet, and desktop.</p><p><strong>7. Enhanced Readability &amp; Branding</strong>: Ensures the header stands out without interrupting the site’s aesthetic, maintaining clarity and readability.</p><p><strong>8. Lightweight &amp; Fast</strong>: Optimized for performance, ensuring no impact on load times or scrolling speed.</p>";s:7:"user_id";i:1;s:11:"post_status";s:7:"publish";s:12:"post_display";s:4:"show";s:12:"is_activated";s:6:"active";s:15:"post_collection";s:0:"";s:13:"post_modified";s:19:"2025-04-14 08:53:32";s:4:"type";s:7:"section";s:12:"wp_post_type";s:5:"demos";s:10:"post_image";s:15:"03 (1)-9415.png";s:16:"post_otherimages";s:6:"a:0:{}";s:11:"site_images";N;s:12:"post_builder";s:4:"1001";s:8:"free_pro";s:4:"free";s:10:"post_views";i:372;s:13:"post_download";i:768;s:10:"avg_rating";s:1:"5";s:12:"total_rating";i:1;s:10:"plugins_id";s:39:"a:3:{i:0;i:1003;i:1;i:1005;i:2;i:1014;}";s:13:"pluginlicence";s:6:"a:0:{}";s:8:"terms_id";s:17:"a:1:{i:0;i:1017;}";s:7:"tags_id";s:30:"a:3:{i:0;i:1;i:1;i:2;i:2;i:3;}";s:9:"key_words";s:36:"Logo Shrinking,Bottom Border Styling";s:12:"global_color";s:6:"a:0:{}";s:11:"global_data";s:48:"a:2:{s:10:"typography";a:0:{}s:5:"color";a:0:{}}";s:18:"global_font_family";s:6:"a:0:{}";s:13:"ai_compatible";s:3:"yes";s:13:"post_filename";s:16:"wd-67fccd0c.json";s:10:"builderUrl";s:83:"https://wdesignkit.com/images/uploads/wpdk-admin/builder-list/builder-elementor.svg";s:9:"image_url";s:77:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/03 (1)-9415.png";s:16:"responsive_image";a:4:{i:0;a:2:{s:4:"size";i:1200;s:3:"url";s:87:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_1200x900/03 (1)-9415.png";}i:1;a:2:{s:4:"size";i:800;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_800x600/03 (1)-9415.png";}i:2;a:2:{s:4:"size";i:600;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_600x450/03 (1)-9415.png";}i:3;a:2:{s:4:"size";i:300;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_300x225/03 (1)-9415.png";}}}i:8;a:41:{s:2:"id";i:18329;s:5:"title";s:44:"Blur Background  with  Sticky Header Effects";s:9:"post_date";s:19:"2025-10-17 06:53:30";s:12:"post_content";s:1069:"<p>Elevate your site’s user experience with the Blur Background feature in Sticky Header Effects. As visitors scroll, this effect creates a stylish blur behind the sticky header, helping your navigation stand out while maintaining visibility of the content underneath. The Blur Background feature ensures your header remains clean and legible without blocking the flow of your design. It softens the elements behind the header to reduce visual noise and keep users focused on the menu. This modern, glass-like effect adds a layer of sophistication that works beautifully across light, dark, or image-heavy sections. You can fully control the intensity of the blur, combine it with color overlays, and pair it with scroll animations to create a unique aesthetic. Whether you're building a creative portfolio, landing page, or modern business site, this feature enhances both form and function. Lightweight and fully responsive, the Blur Background adapts seamlessly to all screen sizes—offering a polished, professional navigation experience across every device.</p>";s:15:"post_subcontent";s:312:"<p>Add depth and focus to your website’s navigation with the Blur Background feature in Sticky Header Effects. As users scroll, the header subtly blurs the background behind it—enhancing readability, reducing distractions, and creating a sleek, modern visual effect that keeps your menu front and center.</p>";s:8:"post_url";s:47:"https://stickyheadereffects.com/demos/header-2/";s:12:"products_url";s:0:"";s:13:"elementor_url";s:0:"";s:13:"gutenberg_url";s:0:"";s:9:"figma_url";s:0:"";s:12:"post_feature";s:1155:"<p><strong>1. Sticky Header with Scroll Activation</strong>: The header stays fixed while users scroll, ensuring constant visibility of navigation.</p><p><strong>2. Smooth Logo Color Transition</strong>: Logo color adapts based on the scroll position, keeping it visible and engaging.</p><p><strong>3. Customizable Scroll Triggers</strong>: Control when the color transition occurs based on the user’s scroll distance.</p><p><strong>4. Seamless Background Color Shift</strong>: The background color of the header transitions to maintain visual contrast across sections.</p><p><strong>5. Fully Adjustable Animation Speed</strong>: Customize the transition speed for a smoother or quicker effect.</p><p><strong>6. Responsive Design</strong>: Works seamlessly across all devices, maintaining functionality and style on mobile, tablet, and desktop.</p><p><strong>7. Enhanced Readability &amp; Branding</strong>: Ensures the header stands out without interrupting the site’s aesthetic, maintaining clarity and readability.</p><p><strong>8. Lightweight &amp; Fast</strong>: Optimized for performance, ensuring no impact on load times or scrolling speed.</p>";s:7:"user_id";i:1;s:11:"post_status";s:7:"publish";s:12:"post_display";s:4:"show";s:12:"is_activated";s:6:"active";s:15:"post_collection";s:0:"";s:13:"post_modified";s:19:"2025-04-14 08:53:08";s:4:"type";s:7:"section";s:12:"wp_post_type";s:5:"demos";s:10:"post_image";s:15:"02 (1)-1036.png";s:16:"post_otherimages";s:6:"a:0:{}";s:11:"site_images";N;s:12:"post_builder";s:4:"1001";s:8:"free_pro";s:4:"free";s:10:"post_views";i:364;s:13:"post_download";i:340;s:10:"avg_rating";s:1:"5";s:12:"total_rating";i:1;s:10:"plugins_id";s:39:"a:3:{i:0;i:1003;i:1;i:1005;i:2;i:1014;}";s:13:"pluginlicence";s:6:"a:0:{}";s:8:"terms_id";s:17:"a:1:{i:0;i:1017;}";s:7:"tags_id";s:30:"a:3:{i:0;i:1;i:1;i:2;i:2;i:3;}";s:9:"key_words";s:15:"Blur Background";s:12:"global_color";s:6:"a:0:{}";s:11:"global_data";s:48:"a:2:{s:10:"typography";a:0:{}s:5:"color";a:0:{}}";s:18:"global_font_family";s:6:"a:0:{}";s:13:"ai_compatible";s:3:"yes";s:13:"post_filename";s:16:"wd-67fcccf4.json";s:10:"builderUrl";s:83:"https://wdesignkit.com/images/uploads/wpdk-admin/builder-list/builder-elementor.svg";s:9:"image_url";s:77:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/02 (1)-1036.png";s:16:"responsive_image";a:4:{i:0;a:2:{s:4:"size";i:1200;s:3:"url";s:87:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_1200x900/02 (1)-1036.png";}i:1;a:2:{s:4:"size";i:800;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_800x600/02 (1)-1036.png";}i:2;a:2:{s:4:"size";i:600;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_600x450/02 (1)-1036.png";}i:3;a:2:{s:4:"size";i:300;s:3:"url";s:86:"https://wdesignkit.com/images/uploads/wpdk-1/templates_images/_300x225/02 (1)-1036.png";}}}}s:14:"templatescount";i:39;s:13:"showtemplates";i:9;s:7:"success";b:1;}