Space above and below image on mobile

Author Posts

eno812 May 13, 2020 at 12:08 am

Heads up! this post was created when Microthemer was at version 6. The current version is 7. Some references to the interface may be out of date.

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 May 13, 2020 at 9:16 am

Done!

Sebastian May 13, 2020 at 11:41 am

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.