Make margin bigger on mobile

  • korbohned

    (@korbohned)


    9 years, 4 months ago

    Hi again,

    Last problem got solved in no time, so here is another one.
    Is there a way to make the margin on the sides bigger in the mobile version?
    Whenever I manipulate the responsive css at the bottom, not much happens.
    I just want to have broader content, so you can read it more easily and whitout all those unnecessary paragraphs.

    Regards,

    KorbohneD

Viewing 1 replies (of 1 total)
  • Chad Chadbourne

    (@shireling)

    9 years, 3 months ago

    Hi there!

    I’d recommend adding a new media query to achieve your goal.

    Give this CSS a try:

    @media screen and (max-width: 799px) {
  .content-area {
		 padding: 36px 0  
	}
}

    To add that, I’d use the Additional CSS panel in the Customizer (assuming you’re running at least WordPress 4.7) or with something like the Jetpack Plugin using the Custom CSS Module 🙂

    Note – your title mentions making the margin bigger on mobile, but you said you wanted broader content in your post, so the CSS actually makes the margin (technically padding) smaller. Smaller margins = wider content 🙂

Viewing 1 replies (of 1 total)

The topic ‘Make margin bigger on mobile’ is closed to new replies.