[Resolved] Content In Mobile Not Adjusting

[Andre]

Hi. When my page is viewed in mobile there is an issue with the content overlapping underneath an element or layout below it. You will see the text and arrow image going underneath and not spacing out / padding down to stay inside the blue background. How do I fix this please? Thanks!

Here is what i mean;

View post on imgur.com

[David]

Hi there,

in your Simple CSS you have this:

.page .entry-content {
    background: linear-gradient(to top right, #35738ec9, #020c10);
    height: 730px;
    background-repeat: no-repeat;
    background-position-y: 0px;
}

The height property is restricting the content from expanding – use min-height instead

[Andre]

Perfect, thank you! I was falling asleep over that for days!

[David]

Glad to be of help

[Author]

Posts