헤더 메뉴 아이콘 클릭 시 배경색상을 변경하는 방법에 대해 문의하셨는데, 제공해주신 코드를 살펴보니 헤더 전체 배경색이 클릭 전에도 흰색으로 변경되는 문제가 발생하고 있습니다. 원하시는 것은 클릭 전에는 배경색이 변경되지 않고, 클릭 후에만 변경되는 것이 맞나요?

현재 제공된 코드는 헤더 전체에 적용되어 클릭 여부와 상관없이 항상 흰색으로 변경되는 것으로 보입니다. 따라서, 클릭 전에는 배경색이 유지되도록 코드를 수정해야 할 것 같습니다.

다음과 같이 코드를 수정해보세요:

.elementor-2358 .elementor-element.elementor-element-7bd89b3:not(.elementor-motion-effects-element-type-background) {

background-color: 원하는 색;

}

.elementor-2358 .elementor-element.elementor-element-7bd89b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer {

background-color: 초기 배경색;

}

위의 코드에서 "초기 배경색"에는 헤더의 기본 배경색을 입력해주세요. 이렇게 수정하면 클릭 전과 클릭 후에 서로 다른 배경색이 적용될 것입니다.

위의 코드를 적용해보시고 문제가 해결되는지 확인해보세요. 추가로 궁금한 점이 있으면 언제든지 물어보세요. 도움이 되었기를 바랍니다. 감사합니다.