Shop Categories

X

Blog Format on Mobile

Home Forums Agama Pro Blog Format on Mobile

Topic Resolution: Resolved
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #18499
    Abigail Fish
    Participant

    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

    #18521
    Zex
    Moderator

    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

    #19522
    Abigail Fish
    Participant

    Thank you very much!

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.
Limited time offer : 50 % off : Apply Coupon Code at checkoutnewyear50