Full Width Heading in single post

Hi,

Can you link us to the site you're working on?

You can provide the details on the Private Information text field. Thank you. :)

Updated

The Header Element (.page-hero) is the way to go.

You just need to change the markup to display the date and the author. To do that, refer to this documentation:
https://docs.generatepress.com/article/page-hero-examples/#example-2

As you can see on the example, it displays the date and author. (and author image).

This is its markup:

<h1>{{post_title}}</h1>
[page_hero_gravatar] {{post_author}} {{post_date}}

Just remove the [page_hero_gravatar] if you don't need it.

Its showing the regular date not the updated date How to show the modified date

Try Tom's answer here:

https://generatepress.com/forums/topic/correct-way-to-show-only-modified-date-on-page-hero/#post-1344687

Everything is working. Just two more thing.
1) How to put the breadcrumb above the title on page hero
2) how to change the size of author name and date in page hero. The site link is given in private

Hi there,

1. The plugin you're using to create the breadcrumb - you can add its shortcode inside the Header Element before the title.

2. Edit the header element and wrap the post meta like so:

<div class="hero-meta">by {{post_author}} | {{post_date}}</div>

Then add this CSS:

.hero-meta {
   font-size: 14px;
}

We have already added a hook with the Yoast breadcrumb code before generate_before_entry-title

<?php
if ( function_exists('yoast_breadcrumb') ) {
  yoast_breadcrumb( '<p id="breadcrumbs">','</p>' );
}

Screenshot: https://prnt.sc/vhepha

Please guide us to move the breadcrumb to move above page hero

As i said the simplest method is to use a Header Element.
Yoast provides a Short Code for the Breadcrumbs which you can find here:

https://yoast.com/help/implement-wordpress-seo-breadcrumbs/#pageshortcode

Add that to the Header Element. And remove the one you have added to the Hook Element.