Website will not scroll on LG Phone

On our site the website will not scroll down on LG phone, it works on my iphone 7 as well as a coworkers samsung phone.

http://www.perceptionprograms.org/wordpress

Can you please take a look?

Also, on this page http://www.perceptionprograms.org/wordpress/community-justice-services/ my client wants the bullets to be left justified but also centered under the headline. Is there any way to add maybe an indent in front of the bulleted lists so that it will center?

Hey there,

Something is applying custom height to your html and body tags. Please check for the following:

  1. Ensure everything is up to date according to our version compatibility list at https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195

  2. Clear all caches including browser cache then deactivate your caching plugins and other optimization plugins.

  3. If you’re using a CDN, please clear the CDN’s cache and disable optimization services.

  4. Test for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

  5. Remove custom CSS, Javascript and templates.

Thanks.

I am looking into the IE11 issue.

I had also asked if there is any way to indent (or add a short code) to a bullet list under a headline so that if left justified the list is centered under the headline not way over to the left in the column. I realize that if I make it’s own row that it would work, however then it will not display on the phone correctly as it would show a headline, another headline, then a bullet list, and another bullet list.

Here is an example: http://www.perceptionprograms.org/wordpress/community-justice-services/

There are two columns with blue headlines and then bulleted lists under the headlines. The client does not like that there is so much space Column 1 and 2 under the first headline and it is not centered, and that the list under the 2nd is not centered under the headline.

I’ve tried different formats for the headline/bulleted lists. but the client wants the headline centered. bulleted lists left justified but centered under the headlines.

Hi there,

Kindly add the code below to Appearance > Customize > Additional CSS:

h2.h-custom-headline.cs-ta-center.mtn.h5 ~ .x-columnize,
h2.h-custom-headline.cs-ta-center.mtn.h5 ~ .x-text {
	display: flex;
	justify-content: center;
}

I used the Flexbox feature to center things around.

Thank you.

I added the code but my bullets are still not centered within the column. I want them to be left justified but not aligned to the left of the column as it looks weird to the client. Example shown here: http://www.perceptionprograms.org/wordpress/recovery-housing/

See how the bullets are left justified but the the column is so wide that the content is off centered.

Thanks!

Hi there,

The code provided to you is for the use case you gave us in another page which had other code. As you can see in the code we added Mtn.h5 in the code to make it restricted to the case you gave us.

The last message of you is on a different page with a different code which has the problem. See how it is set the ID of the element:

You should not add (.) dot to the ID or Class of a CSS. You should add dot only when you want to select a class in CSS code.

To make sure you are familiar with the CSS coding kindly read this article:

https://www.w3schools.com/css/css_syntax.asp

The best way to make the view you want is that you add a specific class name for the items you want to use. For example if you use a text element add the this class to it: left-centered

Now you can change the given code to:

.left-centered {
	display: flex;
	justify-content: center;
}

Thank you for your understanding.