Move text

Author

Posts
March 23, 2021 at 1:40 pm #162107

dianamarinstills
Member

Hi,

I love the way my homepage looks on a computer screen, but on a smaller screen, such as my phone, the text on the right of my photograph unfortunately shows up one letter per line. So like:
D
ia
n
a
[…]
and then the rest of the writing shows up below the picture. Is there a custom css I can add so that, if the screen is smaller, the text will automatically move below the picture? I have noticed that’s what happens with another theme I used to use- it just puts the text from the right down below when there isn’t enough space.

Thanks.

The blog I need help with is: (visible only to logged in users)

March 23, 2021 at 2:03 pm #162108

dianamarinstills
Member

Original poster

I have noticed this also happens in blog posts where the text is aligned to the right of a picture.

March 23, 2021 at 9:41 pm #162134
ricardpriet
Theme Author
Hello there,

yes, you are right. Try this CSS:
```
@media only screen and (max-width: 650px) {
    img[class*=align],
    blockquote[class*=align] {
        margin: 0 auto 20px;
        float: none;
        display: block;
    }
    .wp-block-image .aligncenter, 
    .wp-block-image .alignleft, 
    .wp-block-image .alignright, 
    .wp-block-image.is-resized {
        margin: 0 auto;
        float: none;
    }
}
```
Please let us know :)
Thank you.
March 23, 2021 at 10:05 pm #162136

dianamarinstills
Member

Original poster

It works! Thanks again!!

Kind Regards,
Diana

March 24, 2021 at 10:09 am #162145

ricardpriet
Theme Author

Nice to hear that :)

The topic ‘Move text’ is closed to new replies.

No items found.