[LPCEMH]

On the landing page, I have 4 “text area” each with their associated image. This looks good on the desktop but on the mobile, my static slider image and the first text-box featured image get squished together. how to add space above Text image, or below lading page static image on mobile

Website: eastmountainhouse.org

[Alanpalazon]

I had the same issue and it’s easily solved with a CSS media query. Add this to the custom CSS panel in the theme customiser.
————————————-

@media screen and (max-width: 650px)
#lp-text-one {
padding-top: 50px;
}

———————————–

Note that if you change the order of the text boxes on your landing page you’ll need to change the HTML id that you target with the above code so that the correct tex area is modified.

[Author]

Posts