Hamburguer background color square - New update issue

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know :)

Hi Leo,

Of course. I can send you to different sites.

Hi there,

Elementors global color styles are being applied to all buttons.... which is a pain.
Overwrite them using this CSS:

.mobile-menu-control-wrapper .menu-toggle {
  background-color: transparent;
  color: #000;
}

Hi David,

I've tried it, but it doesn't quite work. I pass you some screenshots for private.

It's weird, because before starting a project with Elementor I always set the option to "deactivate element styles and inherit those from the template"

Hi,

I've checked your site and found that the CSS you've added has missing } syntax which causes it not to work properly as shown here: https://share.getcloudapp.com/z8uP5m8e which causes this: https://share.getcloudapp.com/NQuJbl1q

Make sure it is added properly for it to work. :)

Hi Elvin,

You are right. I have fixed it, but now when the button is active the background appears black. I attach an image. I think we would just have to add "active" or similar in the CSS. But ... you are the expert! :)

We can add in .mobile-menu-control-wrapper .menu-toggle:focus & .mobile-menu-control-wrapper .menu-toggle:hover selectors.

It will look something like this:

.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:focus, .mobile-menu-control-wrapper .menu-toggle:hover {
    background-color: transparent;
    color: #000;
}

Yeah! It works. Thank you so much Elvin.

Have a nice day :)

No problem. :)