Menu order

Hi,
Thank you for the link to your site and the screenshot, there is not an official way to do this but I tried to work out a script for you, I wrote it to start at 1024px because you have so many menu items that at 768px they overlap, I recommend removing some items or making the burger menu show for larger screens.
this is the expected results:

Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
    <script>
(function($){
var width = $(window).width();
if ( width >= 1023) {
$("#header ul.cart_dropdown").detach().insertAfter('#menu-item-3092').css({'display':'block'});
$("#menu-item-search").detach().insertAfter('#menu-item-3092');
} else {}
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

and this code in the General Styling ▸ Quick CSS field

@media only screen and (min-width: 1023px) { 
#top .av-main-nav ul#menu-item-shop a.cart_dropdown_link {
    margin: 0;
    left: 0;
    color: inherit;
    position: relative;
    width: auto;
    -webkit-transition: color 0.15s ease-out;
    transition: color 0.15s ease-out;
    padding: 0 20px;
    height: 70px;
    line-height: 70px;
    border:none;
}
#top .header_color .main_menu ul#avia-menu ul#menu-item-shop {
    background-color: transparent;
}
#top #avia-menu #menu-item-shop {
	box-shadow: none;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
I couldn’t login with the password above to check, but testing the script on my test site didn’t give any errors, try copying the code again from the forum and not an email, or update the password you posted for us so we can try.

Best regards,
Mike

Hi,
Thanks for the login, I found that you had an ending PHP tag in your child theme functions.php, I removed it and was able to add the script. I removed it because your main menu doesn’t look the same as when I wrote the script, if you plan to restore it as it was you can now add the script again and test.

Best regards,
Mike

Hi,
Glad this helped, I was not able to view your new site because the password seems incorrect, but the gap around the cart is set by the padding in the css above, so you could try adjusting that, on the test site the spacing seemed good, perhaps you have some other css affecting the menu items?

Best regards,
Mike

Hi,
Thank you, for the cart on a transparent header I added this:

@media only screen and (min-width: 767px) { 
#top .av_header_transparency .av-main-nav ul#menu-item-shop a.cart_dropdown_link span:before {
	color: #fff;
}
}

For the menu spacing I added this css:

@media only screen and (min-width: 767px) { 
.html_cart_at_menu.html_header_searchicon #menu-item-search.menu-item-search-dropdown {
    padding-right: 0;
}
}

Please clear your browser cache and check.

Best regards,
Mike