Move text
- The topic ‘Move text’ is closed to new replies.
Need help? Check out our Support site, then
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)
I have noticed this also happens in blog posts where the text is aligned to the right of a picture.
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.
It works! Thanks again!!
Kind Regards,
Diana
Nice to hear that :)