Thank you very much, it works! But is there also a way to increase the spacing between the post title and the categories that are shown below the breadcrumbs?
But there is another problem, when I use the css code there – I increase the cumulative layout shift. Is there no way to insert the code in a php-file for the mobile version like style.css?
Thank you very much!
Greetings Kathrin
I have already tried this and tried it now again but I the critical error persists and the mobile pages can’t be loaded anymore. When I move the metainfo back into the header it works again.
I just want to move the metainfo for views and author and the comments before the featured image, because they cause in the viewpoint a large cumulative layout shift because of the used font-awesome…
<article id=”post-<?php echo $td_mod_single->post->ID;?>” class=”<?php echo join(‘ ‘, get_post_class());?>” <?php echo $td_mod_single->get_item_scope();?>>
<div class=”td-post-header”>
<?php echo $td_mod_single->get_category(); ?>
<header class=”td-post-title”>
<?php echo $td_mod_single->get_title();?>
<?php if (!empty($td_mod_single->td_post_theme_settings[‘td_subtitle’])) { ?>
<p class=”td-post-sub-title”><?php echo $td_mod_single->td_post_theme_settings[‘td_subtitle’];?></p>
<?php } ?>
//metainfo moved to another position
</header>
</div>
<div class=”td-post-content”>
<?php echo $td_mod_single->get_content();?>
<?php
// meta info after post content
<div class=”td-module-meta-info”>
<?php echo $td_mod_single->get_author();?>
<?php echo $td_mod_single->get_date(false,false);?>
<?php echo $td_mod_single->get_comments();?>
<?php
if ( ! td_util::is_amp() )
echo $td_mod_single->get_views();
?>
</div>
// override the default featured image by the templates (single.php and home.php/index.php – blog loop)
if (!empty(td_global::$load_featured_img_from_template)) {
echo $td_mod_single->get_image(td_global::$load_featured_img_from_template);
} else {
if (TD_THEME_NAME === ‘Newsmag’) {
echo $td_mod_single->get_image(‘td_640x0’);
} else {
echo $td_mod_single->get_image(‘td_696x0’);
}
}
?>
<?php echo $td_mod_single->get_social_sharing_top();?>
</div>
If I delete this part of the code: <div class=”td-module-meta-info”>
<?php echo $td_mod_single->get_author();?>
<?php echo $td_mod_single->get_date(false,false);?>
<?php echo $td_mod_single->get_comments();?>
<?php
if ( ! td_util::is_amp() )
echo $td_mod_single->get_views();
?>
</div>
it seems that the lazy loading in the mobile version doesn’t work anymore…
And after trying to move them on the new position the text under the images in the mobile theme isn’t centered anymore…
If I move the meta-info after the featured image it works: but the text isn’t shown inline..
<article id=”post-<?php echo $td_mod_single->post->ID;?>” class=”<?php echo join(‘ ‘, get_post_class());?>” <?php echo $td_mod_single->get_item_scope();?>>
<div class=”td-post-header”>
<?php echo $td_mod_single->get_category(); ?>
<header class=”td-post-title”>
<?php echo $td_mod_single->get_title();?>
<?php if (!empty($td_mod_single->td_post_theme_settings[‘td_subtitle’])) { ?>
<p class=”td-post-sub-title”><?php echo $td_mod_single->td_post_theme_settings[‘td_subtitle’];?></p>
<?php } ?>
</header>
</div>
<div class=”td-post-content”>
<?php echo $td_mod_single->get_content();?>
<?php
// override the default featured image by the templates (single.php and home.php/index.php – blog loop)
if (!empty(td_global::$load_featured_img_from_template)) {
echo $td_mod_single->get_image(td_global::$load_featured_img_from_template);
} else {
if (TD_THEME_NAME === ‘Newsmag’) {
echo $td_mod_single->get_image(‘td_640x0’);
} else {
echo $td_mod_single->get_image(‘td_696x0’);
}
}
?>
<?php echo $td_mod_single->get_social_sharing_top();?>
</div>
<div class=”td-module-meta-info”>
<?php echo $td_mod_single->get_author();?>
<?php echo $td_mod_single->get_date(false,false);?>
<?php echo $td_mod_single->get_comments();?>
<?php
if ( ! td_util::is_amp() )
echo $td_mod_single->get_views();
?>
</div>
<footer>
Greetings Kathrin
