{"id":208,"date":"2026-01-13T22:42:30","date_gmt":"2026-01-13T21:42:30","guid":{"rendered":"https:\/\/tacdigital.online\/?post_type=codigos&#038;p=208"},"modified":"2026-01-13T23:08:38","modified_gmt":"2026-01-13T22:08:38","slug":"cambiar-logo-del-header-al-hacer-scroll","status":"publish","type":"codigos","link":"https:\/\/tacdigital.online\/en\/codigos\/cambiar-logo-del-header-al-hacer-scroll\/","title":{"rendered":"Cambiar logo del header al hacer scroll"},"template":"","meta":{"_acf_changed":false},"categoria-codigos":[],"tags-codigos":[],"class_list":["post-208","codigos","type-codigos","status-publish","hentry"],"acf":{"contenido_codigos":[{"acf_fc_layout":"bloque_texto","contenido-texto":"Para cambiar el logo al hacer scroll, debemos agregar 02 logos (imagenes), uno para que este con el header arriba y otro para que se muestre al hacer scroll.\r\n\r\nCada imagen debe tener una clase independiente por ejemplo: \".logoTop\" \".logoScroll\".\r\n\r\nEl CSS puede estar en el contenedor que tiene las 02 imagenes o en un modulo de codigo de Elementor con etiquetas &lt;style&gt;&lt;\/style&gt;"},{"acf_fc_layout":"bloque_codigo","contenido-codigo":"\/*Esconder el logo en header top*\/\r\n.logoScroll {\r\n    display: none;\r\n}\r\n\r\n\/*Mostrar el logo en header sticky*\/ \r\n.elementor-sticky--active .logoScroll{\r\n    display: block;\r\n}\r\n \r\n\/*Esconder el logo en header sticky*\/ \r\n.elementor-sticky--active .logoTop{\r\n    display: none;\r\n}","lenguaje-codigo":"css"}],"contenido_codigos_source":{"label":"C\u00f3digos","type":"flexible_content","formatted_value":[{"acf_fc_layout":"bloque_texto","contenido-texto":"<p>Para cambiar el logo al hacer scroll, debemos agregar 02 logos (imagenes), uno para que este con el header arriba y otro para que se muestre al hacer scroll.<\/p>\n<p>Cada imagen debe tener una clase independiente por ejemplo: \u00ab.logoTop\u00bb \u00ab.logoScroll\u00bb.<\/p>\n<p>El CSS puede estar en el contenedor que tiene las 02 imagenes o en un modulo de codigo de Elementor con etiquetas &lt;style&gt;&lt;\/style&gt;<\/p>\n"},{"acf_fc_layout":"bloque_codigo","contenido-codigo":"\/*Esconder el logo en header top*\/\r\n.logoScroll {\r\n    display: none;\r\n}\r\n\r\n\/*Mostrar el logo en header sticky*\/ \r\n.elementor-sticky--active .logoScroll{\r\n    display: block;\r\n}\r\n \r\n\/*Esconder el logo en header sticky*\/ \r\n.elementor-sticky--active .logoTop{\r\n    display: none;\r\n}","lenguaje-codigo":"css"}]},"autores_codigos":[133],"autores_codigos_source":{"label":"Seleccionar los Autores","type":"relationship","formatted_value":[{"ID":133,"post_author":"1","post_date":"2026-01-13 15:22:55","post_date_gmt":"2026-01-13 14:22:55","post_content":"","post_title":"Kadir Kevin","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"kadir-kevin","to_ping":"","pinged":"","post_modified":"2026-01-13 15:22:55","post_modified_gmt":"2026-01-13 14:22:55","post_content_filtered":"","post_parent":0,"guid":"https:\/\/tacdigital.online\/?post_type=autores&#038;p=133","menu_order":0,"post_type":"autores","post_mime_type":"","comment_count":"0","filter":"raw"}]},"autores_colaboradores":"","autores_colaboradores_source":{"label":"Colaborador","type":"relationship","formatted_value":""}},"_links":{"self":[{"href":"https:\/\/tacdigital.online\/en\/wp-json\/wp\/v2\/codigos\/208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tacdigital.online\/en\/wp-json\/wp\/v2\/codigos"}],"about":[{"href":"https:\/\/tacdigital.online\/en\/wp-json\/wp\/v2\/types\/codigos"}],"acf:post":[{"embeddable":true,"href":"https:\/\/tacdigital.online\/en\/wp-json\/wp\/v2\/autores\/133"}],"wp:attachment":[{"href":"https:\/\/tacdigital.online\/en\/wp-json\/wp\/v2\/media?parent=208"}],"wp:term":[{"taxonomy":"categoria-codigos","embeddable":true,"href":"https:\/\/tacdigital.online\/en\/wp-json\/wp\/v2\/categoria-codigos?post=208"},{"taxonomy":"tags-codigos","embeddable":true,"href":"https:\/\/tacdigital.online\/en\/wp-json\/wp\/v2\/tags-codigos?post=208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}