Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1402284

    Is it possible to create a sticky button on the right site of my Landingpage?

    We want a Button Vertically placed on the right side of our Website which links to a overview Site.

    Bildschirm-foto-2023-03-24-um-12-02-43

    #1402492

    Hey Anna_Tewes,
    Perhaps a button like this:
    Enfold_Support_729.jpeg
    Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function custom_script() { ?>
      <script>
    window.addEventListener('DOMContentLoaded', function() {
      (function($){
      var button = $('<div id="customButton" class="avia-button-wrap av-lfo8bepl-f0ac6d7c934e9f180b74755360f479e5-wrap avia-button-center  avia-builder-el-0  avia-builder-el-no-sibling "><a href="" class="avia-button  avia-icon_select-no avia-size-medium avia-position-center avia-color-dark"><span class="avia_iconbox_title">Overview</span></a></div>');
      $(button).prependTo('body');
      })(jQuery);
    });
    </script>
      <?php
    }
    add_action('wp_footer', 'custom_script');

    and add this css at Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #customButton {
        position: fixed;
        top: 7%;
        right: 12%;
        z-index: 503;
    }
    

    If you need any help adjusting for your site please include an admin login in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.