Image after title page need to be responsive

marache · April 2017

Hello, this is the example: http://mhdcr.com/chemsol/nutricion-humana

When try to see at responsive at smartphone something like this is showing:

But this css code didnt make this top image responsive.

We need that the final work looks like this example:

This is the actual settings for this section at Muffin interface:

Any suggestion? Thnks advance.

Bryan · April 2017

Hi,

Set the background-size option to contain, not cover. This should fix your problem.

thanks

marache · April 2017

Great suggestion, now that made this fix, this is what happens

Big space between image top and next text. How can solve this, thanks.

marache · April 2017

I mean the little image top and bottom text, not the lab image.

Bryan · April 2017

You can use this CSS

@media (max-width:768px) {
.page-id-1597 .mcb-section {
	margin-top:-60px !important;
} }

Comments