Mobile Padding

  • noobystok

    (@noobystok)


    3 years ago

    Is it possible to remove the padding on the mobile layout for posts? I see that there’s a smaller than the screen container for the body of the post and I’d like to see if there’s a way to stretch it so that it takes full advantage of the mobile width.

    Thanks in advance for any help!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Alexander Agnarson

    (@alxmedia)

    Hi! Is there any chance you can take a screenshot of the padding you mean? I can’t see where it’s not filling the mobile screen.

    Thread Starter noobystok

    (@noobystok)

    If you look at this page (or any post) on mobile you can see that the “box” that the content is in, with a shadow, is smaller than the screen width: https://www.engagementsphotos.com/how-much-should-engagement-photography-cost

    Sorry, not sure hot to attach a screenshot.

    Theme Author Alexander Agnarson

    (@alxmedia)

    For my mobile resolution it doesn’t include the box with shadow.

    Add this in Customize > Additional CSS:

    
@media only screen and (max-width: 479px) {
.single .content { padding: 0; }
.single .content > article { padding: 0; }
}

    The theme currently changes to no padding at 479px or less. Change the 479px width value as you wish, to something like 540px perhaps? Depends on your mobile screen resolution.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile Padding’ is closed to new replies.