fixed button/icon

Hey!

Sorry for the late reply. When you reply your own ticket it pushes the ticket to bottom of the queue but we usually get back to you with a day from Monday – Friday. We are currently working on your ticket and will update the results here soon.

The button currently is transparent and the images and text is visible thru it. Removing the transparency will solve this issue.
Please add the below css in Enfold > General Styling > Quick CSS

#beta .avia-button-center {
    opacity: 1!important; 
}

Regards,
Vinay

• This reply was modified 8 years, 11 months ago by Vinay. Reason: vinay

Hey!

You will need a bit of js to accomplish what you are looking for.

Please goto Appearance > Editor > functions.php

Add the following code at the bottom

// reveal on scroll
function reveal-onscroll(){
?>
<script>

       $(document).scroll(function() {
      var y = $(this).scrollTop(),
          revealOnScroll = $('.reveal-onscroll');
      if (y > 600) {
        revealOnScroll.fadeIn(1000);
      } else {
        revealOnScroll.fadeOut(1000);
      }
    });

</script>
<?php
}
add_action('wp_head', 'reveal-onscroll');

The above code make the button visible after user scroll 600px. adjust this number as you like.

Then add class “reveal-onscroll” to your current button

Example :  <a  class "reveal-onscroll button-styles" href="#"> Button </a>

Cheers!
Vinay