Whenever I pull up my website on an iphone, the blogs format to half the page view–as you can see here: https://swimlikeafish.org/wp-content/uploads/2019/09/IMG_5674.png. How do I change the mobile formatting so all blogs are stretched to fit the iphone screens?
The problem you have is caused by embedded youtube videos and a subscription form.
to resolve this you need to insert the following codes into Customizing-> General-> Additional CSS:
@media only screen and (max-width: 730px){
.wp-block-embed-youtube {
width: 100%!important;
}
.grwf2-wrapper {
transform: scale(0.6);
transform-origin: 0 0;
}
}
@media only screen and (max-width: 500px){
.grwf2-wrapper{
transform: scale(0.35);
transform-origin: 0 0;
}
}