Blog Format on Mobile

[Abigail Fish]

Hi,

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?

Thanks,
Abbie

[Zex]

Hello, Abbie!

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;
    }   
}

Regards

[Abigail Fish]

Thank you very much!

[Author]

Posts