z-index does not change!

Question

I have the website: Gás Muriaé, and a z-index error (probably) that I can’t get out.

So the banner is superimposing the side order bar.

Locally, I already changed the z-index in the plugin’s css to a value less than z-index of the banner but did not solve it!

I wonder where I’m going wrong?

Note: When I open the site, the order bar is small in the right corner, when I click on the menu "Piece", the slider grows to connect to the form. Both the small and large slider should override the banner!

Answer 1

In your class . insert z-index: 10; to z-index: 999;

Answer 2

You can apply the rule below.

div.peca {
    z-index: 100 !important;
}