How can I hide an audio block on my wesbite

Hey,

How can I embed sound on my homepage and hide the audio block so it can't be seen?

I have used the below code in the advanced settings tab linked to my homepage, and it works at removing the block on the back end, but not for the live site on computer and IOS. 

<script>
window.addEventListener('DOMContentLoaded', function() { //wait for document load
    var audio = document.querySelector('.sqs-audio-embed'); //select the audio block
    if (!Y.UA.mobile) { //it is not mobile
        var checkOnScroll = function() {
            if (window.pageYOffset > 200) {
                audio.pause();
            } else {
                audio.play();
            }
        };
        if (audio) {
            var url = audio.getAttribute('data-url'); //get the audio src
            Y.one(audio).ancestor('.sqs-block-audio').setStyle('display','none');
            audio = new Audio(url);
            window.addEventListener('scroll', checkOnScroll); //listen for window scroll and toggle audio state
            checkOnScroll();
        }
    }
})
</script>

Any tips would be greatly appreciated. 

Thanks!

Hi,

Can you share link to homepage? We can check easier

Hi, 

I have removed the audio button for now as I don't like the way it looks.

https://www.misscocobelle.com/

On 8/31/2023 at 9:52 PM, MissCocoBelle said:

Hi, 

I have removed the audio button for now as I don't like the way it looks.

https://www.misscocobelle.com/

You can add a test code, add audio & code there, then share url, we can check easier

16 hours ago, waterscrewdriver said:

The code the lady used above doesn't work on mobile but it does on desktop. Can you please help?

What is your site url?

Removed.