Mobile Not Looking Right

Hi Justine,

I can’t reproduce the problem on your contact page on my end, could you try loading the page in an incognito or private browser window to see if that helps please? If not, then please let us know in which browser and device you are seeing this problem.

Best regards,
Rikard

Hi Justine,

Thanks for contacting us!

1- I could reproduce the issue on my iphone and noticed “parallax” class on the color section even though it did not have any background so I temporarily added a background image, set it to scroll, removed background image, saved the element and updated the page and that helped.

2- I added following code to bottom of Quick CSS field in Enfold theme options > General Styling tab

@media only screen and (max-width: 1070px) and (min-width: 767px){ 
.home .slideshow_caption { width: 100%; }}

@media only screen and (max-width: 480px) { 
.responsive #top.home .slideshow_caption .avia-caption-content { display: none; }}

First code removes right alignment so buttons show up on tablets and second code hides description so there is enough space on mobile for buttons to show up.

Please review your website :)

Best regards,
Yigit

Hi,
Thank you for your patience, I took a look at your pages:

to try to help with Yigit’s solution, but these pages don’t have a slider on them like the homepage that Yigit helped with, so I’m not sure what is wrong with these pages, could you please explain?

Best regards,
Mike

Hi,
Thank you, I believe this is about an issue that the iPhone has with fixed/parallax backgrounds, the recommend solution is to use a scroll background until iPhone sorts it out. I don’t have an iPhone to test with so I only changed one page for you to check:
https://stmarywichita.org/about/ministry-teams/
On this page I changed the background image setting here:

Please check with your iPhone and make this change on your other pages. Please note that you may want to also change the background image position to top-centered if you want the top of the image to show, right now it’s center-center.

Best regards,
Mike

Hi,

I have updated those pages as well and confirmed it on my iphone. Please review your website :)

Best regards,
Yigit

Hi,

You are welcome! :)

For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

Thanks! You too have a great day!

Best regards,
Yigit