Agency Pro Middle Widget Area on Small Screens

[hagutierrez]

Hi.

I'm making a website that only uses three of the six spaces in the Home Middle Widget Area.

It looks fine on a PC, but when viewed on some mobile platforms like an iPad, an additional grey space appears. Is there a way to avoid this?

Thanks.

http://morfeocapital.com

[frobn]

When you used two sections for the middle widgets it broke the way the images line up and the background color is gray when you are within the width of an ipad.

Here is a partial work-around:

@media only screen and (max-width: 768px) {

.home-middle .featured-content.featuredpost {
background-color: transparent;}

}

Additional css will make the images to drop under each other.

i.e.
.agency-pro-home .home-middle .featuredpost .entry {
clear:both;}

Hope this helps.

[hagutierrez]

Thanks, I'm trying it out.

[Author]

Posts