Button working on mobile version but not desktop version of website

[christiebianco]

I have added a custom button with a hyperlink on my video background, the button is visible on both desktop and mobile but only actively clicks on mobile. 

My website is: https://ilwil-period.com/.

Would love some help with this debugging, as i think potentially there is a bug with the theme and my code?

[BSSCommerce-HDL · Accepted solution]

Hi @christiebianco, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
.videoBackground .fullscreen-video-wrap {
    z-index: 9999 !important;
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

[christiebianco]

this worked! thank you SO much

[BSS-TekLabs]

- Here is the solution for you @christiebianco 
- Please follow these steps:

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

.videoBackground .fullscreen-video-wrap {
    z-index: 999 !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.