Change position of close-icon mobile menu

[Olga V]

Hi guys,

sorry, could you maybe help me with changing the position of the X-icon of the mobile menu? what's the class for it , I can't find it?

website: olgaveer.de

thanks a lot in advance,
olga

[Richard]

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).

It should be noted however that the x icon (open) has the same class naming as the default (closed) burger icon:

Open Burger:

Closed Burger:

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