My buttons wont float and stay in fixed location

pcp

I created buttons and I can see them on page everything works except they remain on footer area but I want them floating so when I scroll down, I see them from top to bottom of page always in bottom left corner of screen.
I am using Elementor for site design and my theme created using Elementor.
How could I fix it?

TonyG

Hello,

Thanks for reaching out! I tried your configuration on my own test site and it works as expected (it follows the user as they scroll), so perhaps there is a style on your website that is changing the default behavior.

I will work with our dev team tomorrow to see if we can narrow down the conflicting style and provide a recommendation.

Please look out for an update soon!

Cheers,
Tony

TonyG

Hello,

Thanks for your patience. It looks like you have a "filter" style on your website that is impacting the "body" element. For example, if you add this style to your website to disable the filter, it fixes the problem.

body {
    filter: none !important;
}

I'm not exactly sure what that style is being used for and whether it impacts anything on your website, but offhand, I didn't see a problem myself. It may be worth checking with your developer, if you have one, just to confirm it's safe to add this style.

Please let us know if you have any other questions!

Cheers,
Tony

pcp

TonyG

Thanks for finding problem and sorry it took me few days to return to this project and reply to you.

I found out that there is indeed a CSS filter in site:

body{ filter: drop-shadow(0px 3px 20px rgba(0, 0, 0, 0.1)); }

I didn't see its effect and I don't know what original site designer used it for, because I don't want to remove it and cause any unwanted change to site design, I edited the CSS code, as shown below.
body>*:not(.buttonizer){ filter: drop-shadow(0px 3px 20px rgba(0, 0, 0, 0.1)); }

It is working and now my button group are floating in page. ~~Do you think it workaround is correct? will it cause any problem for buttonizer functions?~~

Update: It is indeed causing problem for site it seems that the menu drop down in header are going behind other elements using above code.
Do you have any suggestion to keep original code and exclude buttonizer from its effects?

Thanks.

TonyG

Hello,

Hmm I don't see your filter style applied anymore on the body. Can you please share a screenshot of this issue "the menu drop down in header are going behind other elements"?

Maybe you made some extra changes after you posted your reply. Let me know 🙂

Cheers,
Tony

pcp

TonyG
Hello,
I did some edit again on CSS code, sorry for confusion. I am attaching 2 screen shot.

1- wrong menu appearance - with code that I posted above.
2- correct menu appearance with new code.

Again I will like to hear your opinion on code that I am currently using.

Thanks

TonyG

Hello,

Thanks for clarifying! Offhand, we don't see an issue with your CSS. Normally, we'd recommend having your developer help make changes to avoid issues, since we're not sure how your website is setup overall.

With that said, as long as you test your changes thoroughly and don't see any other problems on your website, you might be all good then!

Cheers,
Tony