Fixed button does not go across the whole site

Hi Everyone,

I have put in a code that has a button in a fixed position for mobile on the bottom right. Unfortunately wherever i put it it only stays in that section and doesn't move across to the rest when scrolling. Is there any way to fix this? Below is the code I have used. If I am missing any info that may be required to answer the questions let me know! Thanks

#block-yui_3_17_2_1_1677022135457_73383{
  position: fixed;
  z-index: 9999;
  bottom: 10px;
  right: 60px;
  width: 15%;
  height: 10%;
  
}

@media only screen and (min-width: 660px){
#block-yui_3_17_2_1_1677022135457_73383{
    display: none;
  }
}

Typically for a fixed position element, if you want it on every page, then putting it in the last section of the footer is best, if you want it on just one page, I would suggest placing it in the last section of your page, then it should be visible across the entire scroll.

Thanks for your response,

I have put it in the footer but for some reason still isn't working. It disappears as I scroll up on different sections of the page. But it is on all pages just stays on the footer, see images attached.

can you send me site url pls?

1 minute ago, Mdhanjal said:

can you send me site url pls?

https://bobcat-sailfish-njjw.squarespace.com/commercial

inovista10

not use block id . use simple button css and html code then put in footer  settings/advanced/code-injection

41 minutes ago, Mdhanjal said:

not use block id . use simple button css and html code then put in footer  settings/advanced/code-injection

ok thank you, is this something you can do?

yes i need site access ?

On 2/22/2023 at 5:20 PM, Johnac said:

https://bobcat-sailfish-njjw.squarespace.com/commercial

inovista10

Hi,

I don't see button now. Can you add it? We can check easier

7 hours ago, tuanphan said:

Hi,

I don't see button now. Can you add it? We can check easier

Hi there,

The button is on the footer and it is only on mobile. I would like it to be on the full screen when scrolling on every screen.

On 2/26/2023 at 4:51 PM, Johnac said:

Hi there,

The button is on the footer and it is only on mobile. I would like it to be on the full screen when scrolling on every screen.

Don't remove any code in your current code

Add this to Design > Custom CSS

footer.sections section, footer.sections {
    z-index: 9999999 !important;
    position: relative;
}