Left margin isn't showing for content on phone

[laforcet]

This page http://laforceteamwork.com/problem-solving-sessions/ looks fine on desktop. On phone the header and footer are great. The content area is too tight to the left. Anyone know how to create some left margin so it matches header and footer?

http://laforceteamwork.com/problem-solving-sessions/

[Marcy]

You have this line perhaps in a custom css editor plugin? (I can't tell; your site is cached)

.content {
	padding: 40px 60px 10px 0px;
	padding: 4rem 6rem 1rem 0rem;
}

You will need to copy this, and change the 0px and 0rem to a width - maybe 20px and 2rem, and then add it to one of your @media sections for smaller screen sizes.

---

Marcy | Amethyst Website Design | Twitter

[laforcet]

Thanks Marcy. That did the trick. I appreciate you offering your advice.

[Author]

Posts