Site logo

Archived topic

Gutenberg "Cover" Image Block doesn't align on mobile

3 replies · Started by Daniel on December 3, 2020

Viewing posts 1–4 of 4

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. :)

This archived topic is closed to new replies.