Font on mobile and tablet it crammed against the border

Hi OOnow,

Would you mind posting the link to your site in question? So that we can offer you with a possible solution.

Thank you!

here you go
https://onlineopportunitiesn.com/wordpress-resources-at-siteground/

The site is fine on desktop

Hello, add this css code:

@media only screen and (max-width: 959px) {
.separate-layout .content-area, .separate-layout .widget-area .sidebar-box {
    padding: 30px !important;
}
}

Thanks for the reply.
I am not that great with css. What file name and which folder and where shall I place this code?

I added to rtl.css and it did nothing.
I also have a child theme if you needed to know that.

• This reply was modified 6 years, 8 months ago by oonow.

I also have elementor. If this might be important
I also added it to style.css in asset>css>style.css
and changed the @media in the ‘Phone Landscape’ section but it did not do anything when I visted the site on my phone.

and not to worry I have reset the code when it didnt work

• This reply was modified 6 years, 8 months ago by oonow.

Hello, you can add the code int he style.css file of your child theme or directly in the custom css section of the customizer.