Padding on Mobile


#1

Hi. Thanks for creating a great theme. On small mobile screens the left-justified text on my pages butts up to the left side of the screen. How would I go about padding the page content? Example: http://www.amendmentxxi.net/?page_id=7 Thanks in advance!


#2

Hi,

You can add this to your custom CSS:


.content-area .hentry {
      padding-left: 15px;
      padding-right: 15px;
}


#3

Works like a champ! Thanks!


#4

I’ve been searching around for the best way to fix this and this did it.

I had a similar issue, but specifically when on Mobile the bullet list and number list (ul, ol) are cut off on the Sydney theme.

One suggestion, Can something like the be fixed in the theme?
Maybe like this?


.content-area .hentry ul, ol {
      padding-left: 20px;
}