Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

/*to show breadcrumbs on mobile*/
@media (max-width: 991px){
body .single-breadcrumbs-wrapper .woocommerce-breadcrumb, .single-breadcrumbs-wrapper .yoast-breadcrumb {
    display: block;
	}
}

to the Theme Settings > Custom CSS > Moile:

/*to hide arrows*/
body .xbs-staff-panel {
    top: auto;
    right: 70px;
	bottom:20px;
}
body .mobile-nav .searchform {
background-color:green;
}

The height of the wrapper is changed by means of paddings:

body .single-breadcrumbs-wrapper {
    padding-top: 5px;
    padding-bottom: 5px;
}

Change both paddings as per your needs and add this code to the Theme Settings > Custom CSS > Global.

Best Regards