Divi Mod - Move Slide In Social Icons Into The Main Header

move-social-icons.php

<?php
// Execute as function or preferably move CSS and jQuery into correct child theme files.
function sj_move_social_icons() { ?>

    <script>
        jQuery(function($){
            // Use jQuery to move the object
            $(".et_slide_menu_top .et-social-icons").insertBefore("#et-top-navigation");
        });
    </script>

    <style>
    /* Apply CSS only once the icons have been moved */
    .et_header_style_slide #main-header .et-social-icons {
    position: absolute;
    right: 50px;
    height: 100%;
    display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
    }

    .et_header_style_slide #main-header .et-social-icon a {
        font-size: 16px;
    }
    </style>
    
<?php 
} 

add_action('wp_footer', 'sj_move_social_icons');