Contents alignment on mobile page

  • youngvin

    (@youngvin)


    7 years ago

    Contents alignment on mobile is changed to center. How can I change this to left?

    I also found left and right margin in the post on mobile is too big. How can I change this as well?

    • This topic was modified 7 years ago by youngvin.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Horea Radu

    (@horearadu)

    Hi,

    Currently, we don’t have an option for aligning the content to the left on mobile. It’s center aligned because this is most used on mobile.

    We’ll probably add this feature in a future update (possibly in the pro version).

    Thread Starter youngvin

    (@youngvin)

    How about changing margin of blog post? On mobile page, margin is too big and blog post is too narrow. Hope I can adjust style.css

    yupal

    (@yupal)

    Hello,

    You can add in customizer in ‘Additional CSS’ field this block

    
@media (max-width: 768px) {
  .site > .content {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

    This will make the padding on blog smaller

    • This reply was modified 7 years ago by yupal.
    Thread Starter youngvin

    (@youngvin)

    @lulian Thank you for your answer! But unfortunately, I tried your custom css and it does not work. Wondering why…

    yupal

    (@yupal)

    @youngvin Can you give me a link to your site so I can take a look?

    Thread Starter youngvin

    (@youngvin)

    @lulian Thank you for follow-up! Later I found out it actually works. I even changed to 0erm, but that’s still too narrow for the contents. It seems like there is padding of outer div that I can’t change with this css. How can I use wider width for contents?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Contents alignment on mobile page’ is closed to new replies.