Too much white space on mobile view

Yang-En · December 4, 2020

Hi,

My website: www.yang-enhume.com is spaced out okay on desktop view (I think), but when viewed on a mobile, it has really big white gaps.

I see this questions has been asked before, and I put this coding in, which I saw recommended for someone else, but it doesnt seem to be making any difference:

@media screen and (max-width:640px) {
section#sailing-experiences .Index-page-content {
padding-top: 0;
}
}

Beyondspace · December 4, 2020

35 minutes ago, Yang-En said:

Site URL: http://www.yang-enhume.com

Hi,

My website: www.yang-enhume.com is spaced out okay on desktop view (I think), but when viewed on a mobile, it has really big white gaps.

I see this questions has been asked before, and I put this coding in, which I saw recommended for someone else, but it doesnt seem to be making any difference:

@media screen and (max-width:640px) {
section#sailing-experiences .Index-page-content {
padding-top: 0;
}
}

Where is the gap you talking about

Yang-En · December 4, 2020

Hi,

I've attached screen shots. When you click into the gallery pages - all the artwork pages have massive gaps between the heading and the photo gallery, and then another massive gap between the gallery and the text.

tuanphan · December 6, 2020

On 12/4/2020 at 9:43 PM, Yang-En said:

Hi,

I've attached screen shots. When you click into the gallery pages - all the artwork pages have massive gaps between the heading and the photo gallery, and then another massive gap between the gallery and the text.