How to enable visibility of the name of the selected attribute on the mobile version

Dear Anastasiia,

We hope this message finds you well.

To enhance the user experience on the mobile version of our website by displaying the name of the selected attribute, we kindly request that you insert the following script into the functions.php file located within your child theme directory:

add_action('wp_footer', 'n2t_wp_footer', 99);
function n2t_wp_footer() {
	?>
	<script>
		!function($) {
			"use strict";
			$(document).on('click', 'ul.st-swatch-preview span.st-custom-attribute', function (){
				if($(window).width() < 769){
					var li = $(this).parent("li");
					li.parents("tr").find(" > th label").attr("data-swatch-name", $(this).data("name"));
				}
			});
		}(jQuery);
	</script>
	<?php
}

Your assistance with this matter is greatly appreciated. Should you have any questions or require further clarification, please do not hesitate to reach out.

Warm regards,
The 8Theme Team

Dear Anastasiia,

Choosing our theme reflects your commitment to quality, and for that, we’re genuinely grateful. As we constantly strive to elevate your experience, your feedback is an invaluable gift. Could you kindly take a moment to rate our product with 5 stars on ThemeForest?

Click here to share your insights: https://themeforest.net/downloads

Your support fuels our journey, and we appreciate it more than words can express.

Best Regards,
The 8Theme Team