White Gap appearing when scaling website

Support
#1

Hi,

On my site https://trulycreativedesign.com/ when I scale down the browser window everything works fine until it reaches a certain size and a white gap appears above the words

We build a brand experience that is truly memorable

I looked through the css and my cornerstone but I can’t see what is causing this gap or how to remove it.

Thanks!
Chris

#2

Hey Chris,

Please apply the dark green background color to your section and not the column. Technically, the column collapses as the float is changed from left to none on mobile so it no longer takes into account the h3’s top margin exposing the section which has a transparent background so it also exposes the body background which is white.

If the background is applied to your section, it would look like this.

Hope that helps…

#3

Hi Christian,

That worked! Thanks so much for explaining why the problem was happening too.

Cheers
Chris

#4

You’re welcome, Chris.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.