Archived topic
Gutenberg "Cover" Image Block doesn't align on mobile
3 replies · Started by Daniel on December 3, 2020
Hey,
I've published a new blog post and used the Gutenberg clock "cover" to spice up my Headings (used only with H2) with background images. I think it looks great, but on mobile the block won't align in the center / doesn't have enough padding on the right. Don't know how to fix it.
Can you help me?
You can take a look here: https://e-skateboarder.com/best-electric-skateboards/
Thanks,
Daniel
Hi there,
To clarify: Do you want it to appear similar to this? https://share.getcloudapp.com/L1uO7gN6
If so, try adding this CSS:
@media(max-width:768px){
.entry-content .wp-block-cover {
width: auto;
}
}
Exactly, that is what I was looking for.
Thank you, Elvin!
I am very happy right now :)
Have a great day!
Glad it works for you. No problem. :)