{"id":120,"date":"2026-01-08T15:58:44","date_gmt":"2026-01-08T15:58:44","guid":{"rendered":"https:\/\/lcaprod.ai\/scroll-based-sticky-header-with-logo-color-transition\/"},"modified":"2026-01-08T16:03:47","modified_gmt":"2026-01-08T16:03:47","slug":"scroll-based-sticky-header-with-logo-color-transition","status":"publish","type":"page","link":"https:\/\/lcaprod.ai\/en\/scroll-based-sticky-header-with-logo-color-transition\/","title":{"rendered":"Scroll-Based Sticky Header with Logo Color Transition"},"content":{"rendered":"\t\t<div data-elementor-type=\"page\" data-elementor-id=\"120\" class=\"elementor elementor-120\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-579988da e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"579988da\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-632567be she-header-change-logo-color-yes she-header-yes e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"632567be\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;she_offset_top&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:32,&quot;sizes&quot;:[]},&quot;she_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1140,&quot;sizes&quot;:[]},&quot;she_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;change_logo_color&quot;:&quot;yes&quot;,&quot;logo_color_black_after&quot;:&quot;yes&quot;,&quot;transparent&quot;:&quot;yes&quot;,&quot;scroll_distance&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1100,&quot;sizes&quot;:[]},&quot;transparent_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;scroll_distance_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;scroll_distance_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;she_offset_top_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;she_offset_top_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;she_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;she_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;she_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;she_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-484c37f0 elementor-widget elementor-widget-image\" data-id=\"484c37f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2084\" height=\"2084\" src=\"https:\/\/lcaprod.ai\/wp-content\/uploads\/2025\/11\/LOGO-AI-web.png\" class=\"attachment-full size-full wp-image-4\" alt=\"\" srcset=\"https:\/\/lcaprod.ai\/wp-content\/uploads\/2025\/11\/LOGO-AI-web.png 2084w, https:\/\/lcaprod.ai\/wp-content\/uploads\/2025\/11\/LOGO-AI-web-300x300.png 300w, https:\/\/lcaprod.ai\/wp-content\/uploads\/2025\/11\/LOGO-AI-web-100x100.png 100w, https:\/\/lcaprod.ai\/wp-content\/uploads\/2025\/11\/LOGO-AI-web-600x600.png 600w, https:\/\/lcaprod.ai\/wp-content\/uploads\/2025\/11\/LOGO-AI-web-1024x1024.png 1024w, https:\/\/lcaprod.ai\/wp-content\/uploads\/2025\/11\/LOGO-AI-web-150x150.png 150w, https:\/\/lcaprod.ai\/wp-content\/uploads\/2025\/11\/LOGO-AI-web-768x768.png 768w, https:\/\/lcaprod.ai\/wp-content\/uploads\/2025\/11\/LOGO-AI-web-1536x1536.png 1536w, https:\/\/lcaprod.ai\/wp-content\/uploads\/2025\/11\/LOGO-AI-web-2048x2048.png 2048w\" sizes=\"(max-width: 2084px) 100vw, 2084px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-745d1dad elementor-widget-mobile__width-initial elementor-widget elementor-widget-tp-navigation-menu-lite\" data-id=\"745d1dad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tp-navigation-menu-lite.default\">\n\t\t\t\t\t\n\t\t<div class=\"plus-navigation-wrap text-center nav-menu6ab4707a92988\">\n\t\t\t<div class=\"plus-navigation-inner menu-hover main-menu-indicator-style-1 sub-menu-indicator-none \"  data-menu_transition=\"style-1\">\n\t\t\t\t<div id=\"theplus-navigation-normal-menu\" class=\"collapse navbar-collapse navbar-ex1-collapse\">\n\t\n\t\t\t\t\t<div class=\"plus-navigation-menu menu-horizontal\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<ul class=\"nav navbar-nav  \"><li class='menu-item depth-0    elementor-repeater-item-b1d59a9' ><a href=\"#\"  title=\"Blog\" data-text=\"Blog\" ><span class=\"plus-title-wrap\">Blog<\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-e483a06' ><a href=\"#\"  title=\"Company\" data-text=\"Company\" ><span class=\"plus-title-wrap\">Company<\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-4fcb238' ><a href=\"#\"  title=\"Pricing\" data-text=\"Pricing\" ><span class=\"plus-title-wrap\">Pricing<\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-ee230ba' ><a href=\"#\"  title=\"Business\" data-text=\"Business\" ><span class=\"plus-title-wrap\">Business<\/span><\/a><\/li><\/ul>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"plus-mobile-nav-toggle navbar-header mobile-toggle\">\n\t\t\t\t\t\t<div class=\"mobile-plus-toggle-menu plus-collapsed toggle-style-1\" data-target=\"#plus-mobile-nav-toggle-nav-menu6ab4707a92988\">\n\t\t\t\t\t\t\t<ul class=\"toggle-lines\">\n\t\t\t\t\t\t\t\t<li class=\"toggle-line\"><\/li>\n\t\t\t\t\t\t\t\t<li class=\"toggle-line\"><\/li>\n\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t<div id=\"plus-mobile-nav-toggle-nav-menu6ab4707a92988\"\n\t\t\t\t\t\tclass=\"plus-mobile-menu  collapse navbar-collapse navbar-ex1-collapse plus-mobile-menu-content \">\n\t\t\t\t\t\t<ul class=\"nav navbar-nav  \"><li class='menu-item depth-0    elementor-repeater-item-b1d59a9' ><a href=\"#\"  title=\"Blog\" data-text=\"Blog\" ><span class=\"plus-title-wrap\">Blog<\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-e483a06' ><a href=\"#\"  title=\"Company\" data-text=\"Company\" ><span class=\"plus-title-wrap\">Company<\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-4fcb238' ><a href=\"#\"  title=\"Pricing\" data-text=\"Pricing\" ><span class=\"plus-title-wrap\">Pricing<\/span><\/a><li class='menu-item depth-0    elementor-repeater-item-ee230ba' ><a href=\"#\"  title=\"Business\" data-text=\"Business\" ><span class=\"plus-title-wrap\">Business<\/span><\/a><\/li><\/ul>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t \n\t\t<style>@media (min-width:768px){.plus-navigation-wrap.nav-menu6ab4707a92988 #theplus-navigation-normal-menu{display: block!important;}.plus-navigation-wrap.nav-menu6ab4707a92988 #plus-mobile-nav-toggle-nav-menu6ab4707a92988.collapse.in{display:none;}}@media (max-width:767px){.plus-navigation-wrap.nav-menu6ab4707a92988 #theplus-navigation-normal-menu{display:none !important;}.plus-navigation-wrap.nav-menu6ab4707a92988 .plus-mobile-nav-toggle.mobile-toggle{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;align-items: center;-webkit-justify-content: flex-end;-moz-justify-content: flex-end;-ms-justify-content: flex-end;justify-content: flex-end;}}<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Blog Company Pricing Business Blog Company Pricing Business<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-120","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Scroll-Based Sticky Header with Logo Color Transition - LCA Prod AI<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lcaprod.ai\/en\/scroll-based-sticky-header-with-logo-color-transition\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Scroll-Based Sticky Header with Logo Color Transition - LCA Prod AI\" \/>\n<meta property=\"og:description\" content=\"Blog Company Pricing Business Blog Company Pricing Business\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lcaprod.ai\/en\/scroll-based-sticky-header-with-logo-color-transition\/\" \/>\n<meta property=\"og:site_name\" content=\"LCA Prod AI\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-08T16:03:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lcaprod.ai\/wp-content\/uploads\/2025\/11\/LOGO-AI-web.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2084\" \/>\n\t<meta property=\"og:image:height\" content=\"2084\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/lcaprod.ai\\\/scroll-based-sticky-header-with-logo-color-transition\\\/\",\"url\":\"https:\\\/\\\/lcaprod.ai\\\/scroll-based-sticky-header-with-logo-color-transition\\\/\",\"name\":\"Scroll-Based Sticky Header with Logo Color Transition - LCA Prod AI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/lcaprod.ai\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/lcaprod.ai\\\/scroll-based-sticky-header-with-logo-color-transition\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/lcaprod.ai\\\/scroll-based-sticky-header-with-logo-color-transition\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/lcaprod.ai\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/LOGO-AI-web.png\",\"datePublished\":\"2026-01-08T15:58:44+00:00\",\"dateModified\":\"2026-01-08T16:03:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/lcaprod.ai\\\/scroll-based-sticky-header-with-logo-color-transition\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/lcaprod.ai\\\/scroll-based-sticky-header-with-logo-color-transition\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/lcaprod.ai\\\/scroll-based-sticky-header-with-logo-color-transition\\\/#primaryimage\",\"url\":\"https:\\\/\\\/lcaprod.ai\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/LOGO-AI-web.png\",\"contentUrl\":\"https:\\\/\\\/lcaprod.ai\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/LOGO-AI-web.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/lcaprod.ai\\\/scroll-based-sticky-header-with-logo-color-transition\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/lcaprod.ai\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Scroll-Based Sticky Header with Logo Color Transition\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/lcaprod.ai\\\/#website\",\"url\":\"https:\\\/\\\/lcaprod.ai\\\/\",\"name\":\"LCA Prod AI\",\"description\":\"LCA AI\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/lcaprod.ai\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Scroll-Based Sticky Header with Logo Color Transition - LCA Prod AI","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/lcaprod.ai\/en\/scroll-based-sticky-header-with-logo-color-transition\/","og_locale":"en_US","og_type":"article","og_title":"Scroll-Based Sticky Header with Logo Color Transition - LCA Prod AI","og_description":"Blog Company Pricing Business Blog Company Pricing Business","og_url":"https:\/\/lcaprod.ai\/en\/scroll-based-sticky-header-with-logo-color-transition\/","og_site_name":"LCA Prod AI","article_modified_time":"2026-01-08T16:03:47+00:00","og_image":[{"width":2084,"height":2084,"url":"https:\/\/lcaprod.ai\/wp-content\/uploads\/2025\/11\/LOGO-AI-web.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lcaprod.ai\/scroll-based-sticky-header-with-logo-color-transition\/","url":"https:\/\/lcaprod.ai\/scroll-based-sticky-header-with-logo-color-transition\/","name":"Scroll-Based Sticky Header with Logo Color Transition - LCA Prod AI","isPartOf":{"@id":"https:\/\/lcaprod.ai\/#website"},"primaryImageOfPage":{"@id":"https:\/\/lcaprod.ai\/scroll-based-sticky-header-with-logo-color-transition\/#primaryimage"},"image":{"@id":"https:\/\/lcaprod.ai\/scroll-based-sticky-header-with-logo-color-transition\/#primaryimage"},"thumbnailUrl":"https:\/\/lcaprod.ai\/wp-content\/uploads\/2025\/11\/LOGO-AI-web.png","datePublished":"2026-01-08T15:58:44+00:00","dateModified":"2026-01-08T16:03:47+00:00","breadcrumb":{"@id":"https:\/\/lcaprod.ai\/scroll-based-sticky-header-with-logo-color-transition\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lcaprod.ai\/scroll-based-sticky-header-with-logo-color-transition\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lcaprod.ai\/scroll-based-sticky-header-with-logo-color-transition\/#primaryimage","url":"https:\/\/lcaprod.ai\/wp-content\/uploads\/2025\/11\/LOGO-AI-web.png","contentUrl":"https:\/\/lcaprod.ai\/wp-content\/uploads\/2025\/11\/LOGO-AI-web.png"},{"@type":"BreadcrumbList","@id":"https:\/\/lcaprod.ai\/scroll-based-sticky-header-with-logo-color-transition\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/lcaprod.ai\/"},{"@type":"ListItem","position":2,"name":"Scroll-Based Sticky Header with Logo Color Transition"}]},{"@type":"WebSite","@id":"https:\/\/lcaprod.ai\/#website","url":"https:\/\/lcaprod.ai\/","name":"LCA Prod AI","description":"LCA AI","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lcaprod.ai\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/lcaprod.ai\/en\/wp-json\/wp\/v2\/pages\/120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lcaprod.ai\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lcaprod.ai\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lcaprod.ai\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lcaprod.ai\/en\/wp-json\/wp\/v2\/comments?post=120"}],"version-history":[{"count":2,"href":"https:\/\/lcaprod.ai\/en\/wp-json\/wp\/v2\/pages\/120\/revisions"}],"predecessor-version":[{"id":133,"href":"https:\/\/lcaprod.ai\/en\/wp-json\/wp\/v2\/pages\/120\/revisions\/133"}],"wp:attachment":[{"href":"https:\/\/lcaprod.ai\/en\/wp-json\/wp\/v2\/media?parent=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}