button How to make fixed position button on top of all other blocks / not overlayed by text or images

How do we make the "VIEW CATALOGUE" button on the website "postion: fixed" while also not being overlayed by images and text when scrolling down. Z-Index is already at maximum and that doesn't seem to fix it.

Site: https://www.biobuilds.com/tourism

1 minute ago, abibacon said:

Hey @Alin-Muste, looks like it is a z-index issue, you'll want to increase this further.

It is z-index 9999999999, what should I change it to?

Ah okay, the selector may need to be adjusted, what is the CSS you're using? @Alin-Muste

19 minutes ago, abibacon said:

Ah okay, the selector may need to be adjusted, what is the CSS you're using? @Alin-Muste

This one:


@media only screen and (min-width: 661px) {
    #block-b29d00e9c400b3846cf4 {
        position: fixed;
        z-index: 9999999999;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: 400px;
        height: 55px;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
        border-radius: 5px;
    }
}

Hey @Alin-Muste, you'll want to use the '.fe-block-b29d00e9c400b3846cf4' rather than that block id. 

19 minutes ago, abibacon said:

Hey @Alin-Muste, you'll want to use the '.fe-block-b29d00e9c400b3846cf4' rather than that block id. 

That seems to do something, however now it doesn't even pass the first section. It gets stuck after that.

We want it to keep on the entire site so wherever they are they can just go to the catalogue easily.

Thanks for the help by the way!

Hey, if you would like further help feel free to reach out via abi@abibacon.com @Alin-Muste