-
AuthorPosts
-
October 11, 2021 at 6:19 am #1324359
Hi,
I am having an issue with all of the pages under the About Us tab. On the desktop version, all looks fine, and the text area pushes up into the hero image. Yet, on a phone, it looks terrible. It looks just find in the sermons mobile page, though. Can you please advise as to why the mobile versions on the about us pages don’t “indent” into the hero image and instead the hero image nearly overlaps and it comes down straight?
Thanks so much! Login info included.
JustineAbout Us desktop
About Us mobile
Sermons mobile- This topic was modified 3 years ago by jnightingale.
October 11, 2021 at 11:09 am #1324387Hi 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,
RikardOctober 11, 2021 at 7:15 pm #1324454Hi, Rikard,
It’s on all the about pages, not the contact page (sorry – don’t know why that showed up in the private data – it was supposed to be login info..) where the header image doesn’t look right as you can see in the image links I sent (do you see those?). Also, it’s on an iphone in Safari, Chrome, and Firefox. I’d love any suggestions you have!Also, one more question – on the home page slider, there are two buttons, but when you look at the site on mobile or an ipad, it doesn’t show the buttons. Is there a fix for this also?
These issues seem to be kind of similar. Thanks so much!
JustineOctober 13, 2021 at 2:25 pm #1324750Hi 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,
YigitOctober 16, 2021 at 11:05 pm #1325272This reply has been marked as private.October 17, 2021 at 11:17 pm #1325337Hi,
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,
MikeOctober 18, 2021 at 1:30 am #1325341Hi. He fixed the about page by doing this: 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.
This is what I couldn’t figure out for the other about pages. Thank you so much!!
October 18, 2021 at 11:30 am #1325386Hi,
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,
MikeOctober 18, 2021 at 6:54 pm #1325472Hi, Mike,
That solution didn’t work like Yigit’s did… Any other thoughts?
Thanks!October 20, 2021 at 1:19 pm #1325726Hi,
I have updated those pages as well and confirmed it on my iphone. Please review your website :)
Best regards,
YigitOctober 20, 2021 at 6:38 pm #1325770Thank you so much, Yigit! I really appreciate it! Have a great day!
October 20, 2021 at 7:32 pm #1325771Hi,
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 -
AuthorPosts
- The topic ‘Mobile Not Looking Right’ is closed to new replies.