Floating Button on right side of window

[MulderDSM]

I tried to create a floating button on the right-side of the screen to hug the scroll bar, on some sizes of screen it works, for others it disappears or gets cut off. How do I implement this correctly using Pro.

Home | The Lodge of Ashworth

[tristup]

Hi @MulderDSM,

Thanks for reaching out.
I have checked your website and found the problem you described. To make the button visible in all the screen sizes, you need to adjust the left position on every breakpoint using the media query and add it to the Theme Options > CSS or into the Footer CSS of the specific Footer.

@media  (max-width: 767px) 
{
    .float-button
    {
        left: 77% !important;
    }
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks