-
AuthorPosts
-
May 27, 2018 at 12:34 am #962624
Hi, when I look at this page on either IOS or Android the footer cuts off the last section at the bottom, which is a testimonial section so that one can’t read the rest of the text.
Does anyone have any idea what the cause could be?
- This topic was modified 6 years, 6 months ago by rankbrite.
May 29, 2018 at 10:53 am #963557Hey rankbrite,
I get a 404 error on that page, could you check the link please?
Best regards,
RikardMay 29, 2018 at 3:07 pm #963746Sorry about that, fixed the link.
May 31, 2018 at 1:40 pm #964771Hi,
Try this code in the General Styling > Quick CSS field:@media only screen and (max-width: 767px) { #top.home #full_slider_2 .avia-caption-content p { font-size: 80% !important; line-height: 12px !important; padding: 0 5px !important; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #top.home #full_slider_2 .avia-caption-content p { font-size: 80% !important; line-height: 16px !important; padding: 5px 5px !important; } #top.home #full_slider_2 .slideshow_caption { padding: 40px 5px !important; } } @media only screen and (min-width: 1024px) and (max-width: 1064px) { #top.home #full_slider_2 .avia-caption-content p { padding: 5px 5px !important; } #top.home #full_slider_2 .slideshow_caption { padding: 40px 5px !important; } }
This is meant for the single testimony slider on the home page, if this element is also on another page please let up know so we can adjust the code.
Best regards,
MikeMay 31, 2018 at 7:20 pm #964897Thanks for this – but it doesn’t seem to work for me on mobile.
Could it be something about the rendering of the footer widget itself that makes it behave differently than the other elements?June 1, 2018 at 5:14 am #965057Hi,
Please try re-building your merged styles by entering a blank space in the Quick CSS to enable the “Save all changes” button, then save.
Or, add the above css to WordPress > Customize > Additional CSSBest regards,
MikeJune 1, 2018 at 5:25 am #965058Hi,
This code seems to work perfectly when the phone is in landscape mode but not portrait mode.It seems to be related to this – the caption of the fullwidth easy slider doesn’t adjust properly to mobile (while the background images are fine):
- This reply was modified 6 years, 6 months ago by rankbrite.
June 1, 2018 at 11:37 am #965219Hi,
When I look at your site I see the css I provided above is not active, perhaps you have other css errors preventing it from working correctly. Please see screenshot in Private Content area of the above code and your site in portrait mode.
Please include a admin login in the private content area so we can take a closer look at your css.Best regards,
MikeJune 1, 2018 at 8:54 pm #965560This reply has been marked as private.June 2, 2018 at 3:16 am #965645Hi,
I added a tad more css, and it should work for now, if not please include a screenshot.
Please clear your browser cache a few times and check.Best regards,
MikeJune 2, 2018 at 6:20 am #965686Hi Mike, Thanks a lot that did the trick!
Wonder what the cause of this was for that layer to not resize properly on mobile?June 2, 2018 at 10:44 am #965754Hi,
It was just more text than expected for the element.
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
Mike -
AuthorPosts
- The topic ‘Footer cuts off bottom of page – but only on mobile’ is closed to new replies.