Adjusting Mobile Margins/Padding

Hello!

Currently, there seems to be no margin/padding for text on my website when viewed on a mobile device. I would like there to be a little bit of space on each side so that the letters are not right up against the edge of the screen.

Is there a way to do this?

Sincerely,
OneAegis

Hello there,

There should be enough space by default as seen on the below screenshot.

Cloudup

Please share your site URL here, so I can get the exact CSS code to add more padding.

Regards,
Kharis

http://www.chimedigitalmarketing.com is the website url.

On the homepage, the text’s margins are excellent! If you go to the service pages (such as Social Media Marketing, or SEO), the text often has no margin on mobile.

Hello there,

Thank you for adding extra detail.

Please add the below CSS code Appearance > Customize > Additional CSS from your site dashboard.


@media only screen and (max-width:460px) {
  
  .siteorigin-panels-stretch[data-stretch-type="full"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
}

Regards,
Kharis

Hello Dears,

I have this problem with the margins o maybe this a thing of resize the text only in mobile view. https://ibb.co/ed7U3Q I wanted a big text on screen but on the mobile it does not look good. I increase the font size using this code in a siteOrigin Editor widget:

<blockquote><p style="font-size: 500%;">

</p></blockquote>

Looking forward for your reply.
Best Regards.
Diego

Hi @diego.lpz,

Please share the link to your site, so I can take a closer look.

Regards,
Kharis

Hello dear Kharis,

Sure, take a look. Page
also I think I have the same problem with a mp4 file that is in the botton of the page.

Hello there,

Please try adding the below CSS code to Appearance > Customize > Additional CSS from your site dashboard.


@media only screen and (max-width:640px) {
  
  #panel-8-5-0-0 blockquote p {
    font-size: 40px !important;
  }
  
}

Your video in the footer looks fine. Could you please take a screenshot of it and share it here?

Regards,
Kharis

Thank you very much for the code!

Thanks Kharis, code works fine.

It is when I see it in my phone, when I see it in “customize mode” it looks good. https://ibb.co/cMsVCk

Best regards,
Diego.

Hello there,

For some device incompatibility reasons, the video won’t be displayed on mobile. Please refer to this topic on SiteOrigin support forum.

https://siteorigin.com/thread/background-video-not-shown-in-mobile-views-iphonei-pad-etc/

Regards,
Kharis

Hi Kharis, noted. thanks fo your help.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis