My site (https://www.ohiotaxattorney.com/) has a transparent header that is on top of my main page slider. For my slider, I am using an embedded video as the background. The slider video starts unmuted (as it is required to), but the “unmute” button cannot be clicked for some reason. It is as if the header, although transparent, is blocking it from being clicked. Is there a work around for this?
If you check by inspecting your web page you will realise that your mute button is hidden behind your other portion from header and slider section. You have to bring that button on top as stacked with z-index CSS. If you need any further assistance let us know ?
This CSS code will work for you: though it will make your button a bit lower than your header so it can work as intended. If you don’t know how to use this code just share your admin login credentials as a private reply with me and I will do that for you.
