how to put some code before title in a simgle post

Hi,
Thank you for the link to your site, most of the posts I checked looked like they were created with the Advanced Layout Builder and not the default WordPress editor so the page HTML structure doesn’t match your screenshots on those posts. I did find the post in your screenshot.
For the ALB posts you can add the Yoast breadcrumbs by using their shortcode above the title. [wpseo_breadcrumb] in a code block element.
For your posts created with the WordPress editor, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function add_yoast_breadcrumbs_shortcode_before_single_post_title() { ?>
  <script>
(function($){	
	var wpseo_breadcrumb = '<span id="breadcrumbs"><?php echo do_shortcode("[wpseo_breadcrumb]"); ?></span>';
	$('#top.single-post').each(function () {
		$(wpseo_breadcrumb).insertBefore('h1.post-title.entry-title');
	});	
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'add_yoast_breadcrumbs_shortcode_before_single_post_title');

Best regards,
Mike

Hi,
I see that you are getting this error: Uncaught ReferenceError: jQuery is not defined try this instead:

function add_yoast_breadcrumbs_shortcode_before_single_post_titles() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){	
	var wpseo_breadcrumb = '<span id="breadcrumbs"><?php echo do_shortcode("[wpseo_breadcrumb]"); ?></span>';
	$('#top.single-post').each(function () {
		$(wpseo_breadcrumb).insertBefore('h1.post-title.entry-title');
	});	
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'add_yoast_breadcrumbs_shortcode_before_single_post_titles');

If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard