Extend title border on "shop" page, move sidebar widget down

I would also like to remove “Showing all …results” under the title for each product category page. How would I got about doing so? Thanks in advance!

Hey It’s not an thing you can do with css, You would have to edit the woocommerce template. Open woocommerce/archive-product.php

From lines 18-27 remove all this:

<?php if ( apply_filters( 'woocommerce_show_page_title', true ) ) : ?>

			<div class="page-header">

				<?php woocommerce_catalog_ordering(); ?>
				<h1 class="page-title"><?php woocommerce_page_title(); ?></h1>
				<?php woocommerce_result_count(); ?>
				</div>

		<?php endif; ?>

Then add this to the beginning of line 14

<?php if ( apply_filters( 'woocommerce_show_page_title', true ) ) : ?>
			<div id="pageheader" class="titleclass">
		        <div class="container">
			<div class="page-header">

				<?php woocommerce_catalog_ordering(); ?>
				<h1 class="page-title"><?php woocommerce_page_title(); ?></h1>
				<?php woocommerce_result_count(); ?>
				</div>
             </div><!--container-->
	</div><!--titleclass-->

		<?php endif; ?>

You can remove : <?php woocommerce_result_count(); ?> if you don’t want it.

Kadence Themes

I recommend you do this in a child theme, just create a woocommerce folder and copy archive-product.php into it.

Kadence Themes