Add padding for posts/pages on mobile view

  • Resolved kufloyd

    (@kufloyd)


    2 years, 6 months ago

    Hi,

    I have this post that is padded ok when viewed on a laptop:
    https://kunalmehra.com/the-great-conjunctions/

    However, on the phone, there’s no padding on the left or the right side of the lines. I’d like to add some space on both sides when the page/post is viewed on the phone.

    Is there CSS code to do that, or maybe a plugin that allows that?

    Thanks.

    • This topic was modified 2 years, 6 months ago by kufloyd.
Viewing 2 replies - 1 through 2 (of 2 total)

  • Hii @kufloyd,

    You can add the following css code into your style.css file to add some spacing.

    .site-content{padding:0 20px;}

    Kindly change the padding as per your need.

    Let me know if still you need any help on this.

    Thanks,
    Sahil

    Thread Starter kufloyd

    (@kufloyd)

    Thanks Sahil for the quick reply. That resolved the issue.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Add padding for posts/pages on mobile view’ is closed to new replies.