How to move the featured image from top to bottom in amp and mobile version?

Posted in: Newspaper
Post count: 361

Where in the source code it is possible to load the featured image in the amp and mobile version instead at the top at the bottom of the post? This would be a great help to minify the largest contentful paint in the speed test from google.

Greetings Kathrin

Post count: 35449

Hi,

This can be done only if you make these changes in the mobile files -> D:\xampp\htdocs\Newspaper\wp-content\plugins\td-composer\mobile\single.php this is the code for featured image -> https://i.imgur.com/CJ0BPk3.png you can set the post content above it like this -> https://i.imgur.com/zYiLtNP.png

Hope this will help you!
Thank you!

Post count: 361

Thanks for the hint, it worked fine.

Greetings Kathrin

Post count: 361

I have done that and it works perfectly. But now I have the problem, that the social-media-buttons top and bottom are very close together. I don’t want remove the social-media-buttons completely, just the top-social-media-buttons should be removed or be hided. I’ve tried these code:

/* remove top social media */
.social_sharing_top {
overflow: hidden;
display: none;
}

But it doesn’t work. The buttons are still shown.

Greetings Kathrin

Post count: 35449

Hi,

You can use this option from theme panel -> https://i.imgur.com/7VkRbat.png -> https://forum.tagdiv.com/design-post-pages-using-default-templates/ or if you want to apply only on amp you can use this custom css
#td_social_sharing_article_top{
display: none;
}

The code need to be set in theme panel> mobile theme > custom code> css.

Hope it will help you!
Thank you!

Post count: 361

Thank you very much!

Viewing 6 posts - 1 through 6 (of 6 total)
You must be logged in to reply to this topic.