Different height on mobile (using cover block)

Resolved

(@mparraud)

I'm using the plugin with cover blocks. 

There are texts that are longer than others.

On desktop all texts are of one line.

On mobile, some of them have 3 lines of text and other 4 lines, and the height of images are different because of that.

I tried to solve it using CSS, but I couldn't (snif!)

This topic was modified 3 years, 10 months ago by Miguel.

The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

Plugin Author Virgildia
(@virgildia)

3 years, 10 months ago
Hello @mparraud . You would have to add custom CSS to set a height for all the cover blocks at smaller screen breakpoints.

You can try for example:
```
@media only screen and (max-width: 800px) {
  .wp-block-cb-carousel .wp-block-image, .wp-block-cb-carousel .wp-block-cover {
    height: 400px;
  }
}
```
I will add a feature like this in the plugin settings.
Thread Starter Miguel
(@mparraud)

3 years, 10 months ago

Gracias!!!!!

Your CSS worked perfectly! Thank you very, very much!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Different height on mobile (using cover block)’ is closed to new replies.