Hello,
Try to add the following PHP code snippet to the child theme functions.php file to do this
if ( ! function_exists( 'xts_custom_content_in_shop_page' ) ) {
function xts_custom_content_in_shop_page() {
remove_action( 'xts_before_site_content_container', 'xts_custom_content_after_page_title', 20 );
remove_action( 'xts_shop_tools_left_area', 'xts_shop_page_title', 10 );
}
add_action( 'wp', 'xts_custom_content_in_shop_page', 600 );
}
if ( ! function_exists( 'xts_custom_content_after_page_title_in_shop_page' ) ) {
function xts_custom_content_after_page_title_in_shop_page() {
if ( ! xts_is_shop_archive() ) {
return;
}
?>
<div class="container">
<div class="xts-shop-head-nav row row-spacing-0">
<div class="col xts-shop-tools">
<?php xts_current_shop_breadcrumbs(); ?>
<?php xts_shop_page_title(); ?>
</div>
<div class="col-auto xts-shop-tools">
<?php woocommerce_result_count(); ?>
</div>
</div>
</div>
<?php
}
add_action( 'xts_before_site_content_container', 'xts_custom_content_after_page_title_in_shop_page', 25 );
}
Use the following CSS to adjust the style also
.xts-shop-archive .xts-shop-head-nav .xts-shop-tools {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
Kind Regards