More Top Margin in Responsive design

[pitamdey]

URL : ​https://buddypress.org/
The Recent Topics Section has a larger top margin under screen size 780px

[pitamdey]

Screenshot for better understanding

[pitamdey]

After applying this solution the issue resolved

[nidhidhandhukiya]

Hello @pitamdey

[nidhidhandhukiya]

Hello @pitamdey, your patch resolve the issue, but this main id is present in whole buddypress site, if we applied your patch it will remove the spacing in other pages too, so I have attached the patch which targets the #main only of the homepage.

[pitamdey]

Thanks @nidhidhandhukiya

[krupalpanchal]

Hi There,

8915.1.2.patch LGTM.

There is also a padding used for the #main div. So we should also consider that and add margin to only left and right.

body.home-page #main{
	margin: 0 10px;
}

Let's see someone else's feedback on this.

[huzaifaalmesbah]

Thanks to krupalpanchal:

body.home-page #main{
margin: 0 10px;
}

I think this is a good solution.

[huzaifaalmesbah]

Do you have any thoughts about this? @imath

[espellcaste]

Closing as per #9193