description text doesn't adjust to different mobile angles.

[suoshie]

My about page has a video background with overlapping description text. On mobile when adjusting to landscape mode the top part of the description is covered by header, and sometimes on portrait mode when people dont open on system browser. Can someone help me make the description adjust to both portrait and landscape mode so that none of the text is covered on the page?

STORE URL: https://c1e46d.myshopify.com/collections

[PageFly-Victor · Accepted solution]

Hi @suoshie 

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

@media(min-width: 1240px) {
.imageBoxInfoDescription p {
    font-size: 18px !important;
    line-height: inherit !important;
}
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly