Small device view not accurate

[kjcfmt]

My sight looks good on while I am in cornerstone on the mobile device view. (see 1st image) The way it actually looks on phones is the second image. It primarily messes up the wrap text with pictures and is like this on other pages. How can I fix this? Any help is appreciated.

[Prasant]

Hello Kasey,

Thanks for asking.

Please add following CSS under X > Theme Options > CSS:

@media only screen and (max-width: 600px) {
  .wp-block-image {
    width: 75%;
    float: right;
    }
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.

[kjcfmt]

Thanks @Prasant! Worked great. Awesome!

[rad]

You’re most welcome!