Hi there,
You could use some custom CSS to achieve what you’re after.
To add CSS, firstly set up a child theme or activate a custom CSS plugin.
You could try the following snippet in either the editor for your CSS plugin or the style.css file of your child theme:
@media screen and (max-width: 768px) {
div#jp-relatedposts {
position: absolute;
bottom: 0;
}
.post {
position: relative;
padding-bottom: 1000px;
}
}
The above CSS uses a Media Query to change the positioning of the Author Bio on devices that are 768px or less. The padding-bottom pushes the Related Posts section further down the page and you can experiment with different values if you find that that section overlaps your post’s content.
If you’d like to further target devices of different widths then you’re free to create more Media Queries based on the above CSS. The following guide dives into more details about Media Queries and I encourage you to experiment:
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Let me know if that helps. If you have further questions, I’ll be happy to assist too.
