Space above and below image on mobile

This topic contains 2 replies, has 2 voices, and was last updated by  Sebastian 6 months, 3 weeks ago.

Author Posts

eno812

The image at the beginning of the page body seems to have a lot of margin or padding or something but I can’t see where it is coming from. Please contact me so i can give you the URL.


Sebastian

Done!


Sebastian

OK, I can see a Beaver Builder selector (show below) that sets the min-height of the content area to 360px. And this is too tall for the image when the image shrinks down.

@media (max-width: 768px)
.fl-builder-content .fl-node-5d32552fea038>.fl-col-content {
    min-height: 360px;
}

You could solve this by setting a lower min-height on mobile. Or by using a HTML image for the pie chart, rather than a CSS background image. And then setting min-height to 0 on mobile. That way, the height of the image will determine the height of the content area.

Cheers,
Sebastian

You must login or register to reply to this topic.