Sticky flyout button

Hi M-Graphics24,

Thanks for giving us admin access.
It seems you don’t have a child theme, so I removed the code from functions.php (since it will be overwritten when the theme is updated).
I have installed a plugin called WPCode where I inserted the code instead, I also replaced the code with:

function custom_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
  (function($){
  var button = $('<div id="sticky-button-wrap"><a href="#" class="sticky-button">Get a<strong> Quote</strong></a></div>');
  $(button).prependTo('#main');
  })(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_script');

If you want to change anything or add a link to the button, you can go to the link in private content (you can also deactivate the code, if ever you decide to remove it).
Then in Quick CSS, I have removed the code since it’s inside a media query for mobile, and added this CSS code on top:

#sticky-button-wrap {
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 503;
}

#sticky-button-wrap .sticky-button {
    background: rgba(45,186,127,.95);
    display: block;
    width: 90px;
    height: auto;
    padding: 12px 6px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1 !important;
    color: white;
    font-size: 15px;
    line-height: 1.4;
    border-radius: 4px 0 0 4px;
    letter-spacing: .05rem;
    transition: all .3s ease-in-out;
}

#sticky-button-wrap .sticky-button:hover {
    background: #2DBA7F;
}

#sticky-button-wrap .sticky-button strong {
    display: block;
    font-weight: 700 !important;
}

Please review your site.

Best regards,
Nikko

Hi M-Graphics24,

You’re welcome :)
Just let us know how it goes.

Best regards,
Nikko

Hi M-Graphics24,

You’re welcome. :)
In the script I added to WPCode, you just need to edit # with the correct URL to link to, so this code I gave:

var button = $('<div id="sticky-button-wrap"><a href="#" class="sticky-button">Get a<strong> Quote</strong></a></div>');

would be:

var button = $('<div id="sticky-button-wrap"><a href="https://www.website.com/" class="sticky-button">Get a<strong> Quote</strong></a></div>');

Best regards,
Nikko

Hi M-Graphics24,

I tried to click on the the Get a Quote button on my mobile phone and it seems to work properly and redirect to the contact page.

Best regards,
Nikko