Woo Commerce and Centered logo with menu underneath cart issue

Recently I used the code from this thread https://kriesi.at/support/topic/centered-logo-shopping-cart-in-menu/ to put the shopping cart in the menu. The cart adds but the social media icons are not displaying in the right menu once I add this code. The social icons instead go to the left of the logo but I have already added a left header widget there so it just overlaps. I noticed several people are having issues with the shopping cart and the center logo with the menu underneath. Any help would be great on how to troubleshoot this!

Here is the code i added to the child theme.

<?php

/*
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*/

// Header Widget
add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}

function cart_in_nav(){
?>
<script>
(function($){
$(document).ready(function(){
var width = $(window).width(), height = $(window).height();
if ((width >= 768)) {
$( “#menu-item-shop” ).appendTo( “#avia-menu.av-main-nav” );
};
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘cart_in_nav’);

and here is my css

/* cart_in_nav */
@media only screen and (min-width: 767px) {
#top #header_main ul#avia-menu ul#menu-item-shop,#top #header_main ul#avia-menu ul#menu-item-shop a.cart_dropdown_link {
display: block !important;
height: 50px !important;
line-height: 50px !important;
padding: 1px 10px !important;
border: none !important;
box-shadow: none !important;
}
#top #header_main ul#avia-menu ul#menu-item-shop ul.woocommerce-mini-cart.cart_list.product_list_widget {
width: 100% !important;
height: 100% !important;
}
#top #header_main ul#avia-menu ul#menu-item-shop .woocommerce-mini-cart-item.mini_cart_item a {
border: none !important;
}
#top #header_main ul#avia-menu ul#menu-item-shop .woocommerce-mini-cart__buttons.buttons a {
border: none !important;
}
}
/* end cart_in_nav */

.special_amp { color: inherit!important; font-family: inherit; font-size: inherit; }

@media screen and (max-width: 900px) {
#header .widget { display: none !important; }
}

#header .widget {
left: 50px;
right: auto;
padding-top: 70px;
position: absolute;
top: 0;
transform: translate(-0%);
z-index: 999999;
}

#top .inner_product,
#top .inner_product .inner_product_header {
border: none;
}

#top .inner_product .inner_product_header .avia-arrow {
display: none;
}