Dear @Olga-V
The Class for the X-icon ( there are a few depending on container heirachy) is burger-wrap (outer) or mobile-menu-icon (inner).
[image: 1633991034528-screen-shot-2021-10-12-at-11.18.22-am-resized.png]
It should be noted however that the x icon (open) has the same class naming as the default (closed) burger icon:
Open Burger:
[image: 1633991107743-screen-shot-2021-10-12-at-11.21.00-am.png]
Closed Burger:
[image: 1633991126861-screen-shot-2021-10-12-at-11.21.08-am.png]
To get around this we can take advantage of active class. When the burger menu opens and changes to the x-icon, the class active is added to laynav or mobile-nav.
So you can specify to make sure you are dealing with the x-icon, E.g:
.active .burger-wrap{
background:red;
}
or
.active .mobile-menu-icon{
background:red;
Hope this helps Olga and have a wonderful day š
Richard
