Add Mobile View padding for larger screen devices

  • I have a Google Nexus 6, and every time I view my Sites, they are always larger than I would prefer. I noticed there are instructions for widening the site in the guide, but that appears to only be for the full version. Is there a way to adjust the padding, or at the least, center the mobile view’s content?

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Tomas Mackevicius

    (@tomasm)

    I have only Nexus 5X and sites look on it really good.

    I would say you could try to increase font size if you think lines are too long.

    Site is always centered on mobile view. If it is not, that means you introduced your custom changes that affected normal behavior.

    Currently padding is set to 24px (1.5rem), but you can adjust it with this rule that should be placed in general part of the style.css of your child theme or custom CSS plugin (not in the media queries):

    .site {
    padding: 0px 1.5rem;
}
    Thread Starter genejg

    (@genejg)

    I did introduce some changes, but I don’t think I messed with the padding like that. I’ll try this now and see what it does though. ??

    Theme Author Tomas Mackevicius

    (@tomasm)

    The best option is to upload fresh new theme and see how it looks without any changes or you can check mtomas.com to see my installation.

    Thread Starter genejg

    (@genejg)

    I see on your site is looks good, and on mine it does without the Mobile View Logo enabled. The image is larger than the suggested size, but the responsive nature of your theme compensates for that part. I just haven’t figured out exactly what is causing it.

    The site, if you want to view it real fast, is repixelatedtech.tk

    Theme Author Tomas Mackevicius

    (@tomasm)

    Try to see how it will look on latest developmental version: https://cloudup.com/cS9yF9WfRSC

    Thread Starter genejg

    (@genejg)

    Unfortunately no change. I also just noticed that adjusting the image size does not help, but when I enable Site Title, it’s fine. Without Site Title, it displays great. So I’m honestly stumped as to what could be the issue at this time. This is also with a child theme, I should add.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Add Mobile View padding for larger screen devices’ is closed to new replies.