After updating this site from Joomla 3 to Joomla 4 the layout of blog pages does not look correct. Here is an example of the original layout:
https://feminapt.com/about-us
Here is the same page on the Joomla 4 test site:
https://feminaphysiotherapy.com/about-us
Here is the relevant code I see on the J3 page:
<div class="items-row cols-1 row-0 row-fluid clearfix">
<div class="span12">
<div class="item column-1" itemprop="blogPost" >
<div class="page-header">
<h2 ><a href="/about-us/about-heather-jeffcoat" >Meet Heather Jeffcoat, DPT</a></h2>
</div>
Here is what I see at the same spot in the J4 page:
<div class="com-content-category-blogitems blog-items ">
<div class="com-content-category-blogitem blog-item" itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
<figure class="right item-image">
<img src="/images/staff/heather-thumb-2021.jpg" alt="Meet Heather Jeffcoat" itemprop="thumbnail">
</figure>
<div class="item-content">
<div class="page-header">
<h2 itemprop="name">
<a href="/about-us/about-heather-jeffcoat" itemprop="url">Meet Heather Jeffcoat, DPT</a>
</h2>
Screen shot of the J3 site:
This one shows the code:
The J4 site:
The J4 code:
What's the fix for this?