Problem facing regarding Wordpress page added external code

I have added code element in my WordPress Avada theme , fusion page builder link of page : https://dynamics360.net/case-studies/#0 The Problem I am facing in that the sidebar overlap the footer while I scroll down

I could not find any filter plugin free so tried to add external code element in page builder plugin I have tried search and filter WordPress plugin but it doesn't work for me

        <div class="cd-filter filter-is-visible">
            <form>
                <div class="cd-filter-block">
                    <h4 data-fontsize="20" data-lineheight="31">Select Product</h4>

                    <div class="cd-filter-content">
                        <div class="cd-select cd-filters">
                            <select class="filter" name="selectThis" id="selectThis">
                                <option value="">Choose an option</option>
                                <option value=".option1">Microsoft Dynamics NAV</option>
                                <option value=".option2">Microsoft dynamics 365 Business Central</option>
                                <option value=".option3">Microsoft Dynamics CRM</option>
                                <option value=".option4">Microsoft Dynamics C5</option>
                            </select>
                        </div> <!-- cd-select -->
                    </div> <!-- cd-filter-content -->
                </div> <!-- cd-filter-block -->

                <div class="cd-filter-block">
                    <h4 data-fontsize="20" data-lineheight="31">Select Region</h4>

                    <ul class="cd-filter-content cd-filters list">
                        <li>
                            <input class="filter" data-filter="" type="radio" name="radioButton" id="radio1" checked="">
                            <label class="radio-label" for="radio1">All</label>
                        </li>

                        <li>
                            <input class="filter" data-filter=".radio2" type="radio" name="radioButton" id="radio2">
                            <label class="radio-label" for="radio2">Middle east</label>
                        </li>

                        <li>
                            <input class="filter" data-filter=".radio3" type="radio" name="radioButton" id="radio3">
                            <label class="radio-label" for="radio3">Nordic</label>
                        </li>
                    </ul> <!-- cd-filter-content -->
                </div> <!-- cd-filter-block -->
            </form>

            <a href="#0" class="cd-close">Close</a>
        </div> <!-- cd-filter -->

        <a href="#0" class="cd-filter-trigger filter-is-visible">Filters</a>
    </main> <!-- cd-main-content -->
<script src="https://dynamics360.net/wp-content/themes/Avada/assets/min/test/jquery-2.1.1.js"></script>
<script src="https://dynamics360.net/wp-content/themes/Avada/assets/min/test/jquery.mixitup.min.js"></script>
<script src="https://dynamics360.net/wp-content/themes/Avada/assets/min/test/main.js"></script> <div class="fusion-clearfix"></div>
                    </div>
                </div>
 </div>
 </div>
</div>

Share: