This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

How do I stop text from going off the screen on mobile?

Open 1 reply plugin plugin-page-builder technical

pbnsurprise

9 years ago · Last reply by Alex S 9 years ago

This is my website: http://easyhowtomakeafakeid.com

If you load it up on a mobile device the testimonials section gets cut off. The text is also cut off. How do I have the text not be cut off and continue down the page? Also for the images, they are centered on the page yet are cut off when shown on mobile. My contact form at the button also gets cut off. Also, for phones that have low pixels such as 480 px, the red button at the top of the page gets cut off as well. I know I can change the padding to make it higher but then it doesn’t look as good on a desktop. How do I adjust the button to have it stay on the image when opened on low pixel phones?

Thank you

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

Alex S Staff 9 years, 9 months ago
Hi Pbnsurprise,
I’m not familiar with your theme but based on the markup, your testimonial section has the client photo being hidden on smaller resolution devices. That’s the only issue I can see with that section. I also can’t see any other sections being cut off either.
Regarding the hero, you can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
```
@media (max-width: 480px){
	#panel-17-0-0-0 .sow-slider-image-wrapper h1 {
		font-size: 33px;
	}
	#panel-17-0-0-0 .sow-slider-image-wrapper h3 {
		font-size: 25px;
	}
}
```
You might also need to install the SiteOrigin CSS Editor.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread