On this test page https://tex6.com/h1 I have a slider using 70% of a container and a Youtube video using 30%. Then below it I have another slider using a similar portion of it's container and another Youtube video to it's right. It's formats properly on my desktop. On a handheld, the first slider displays but the center of the slider is truncated so some of the text is not displayed. Then the youtube video displays below the slider but it's pushed to the right half of the screen... it's too small to watch. Below it is the 2nd slider and it's only taking up half of the screen and it's pushed to the left. How do I get each element to format responsively properly on handheld ? And where is the documentation for this issue ? Thank You !
The slider display on handheld is now flawless and beautiful actually. The other elements on the android stack up using the correct width. The top container has the #39 slider on the left and there is a YT video on the right that is missing from the handheld. attached 3 annotated screen shots.
OK I fixed it by customizing the container view for handheld. I never learned enough about HTML or CSS to figure out the fix you created to make the #39 slider display though so that was a really good fix on your part. I'm ultimately building this out on Soledad and Elegant Themes Divi so it's interesting to see how each handles the responsive settings. Thanks - ticket is closed.
On this test page https://tex6.com/h1 I have a slider using 70% of a container and a Youtube video using 30%. Then below it I have another slider using a similar portion of it's container and another Youtube video to it's right. It's formats properly on my desktop. On a handheld, the first slider displays but the center of the slider is truncated so some of the text is not displayed. Then the youtube video displays below the slider but it's pushed to the right half of the screen... it's too small to watch. Below it is the 2nd slider and it's only taking up half of the screen and it's pushed to the left. How do I get each element to format responsively properly on handheld ? And where is the documentation for this issue ? Thank You !
Hi,
For this case, please send me your WordPress admin account in a PRIVATE reply.
I'll log in and create a short video tutorial for this issue.
Regards,
PenciDesign.
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
@media (max-width:767px) {.slider-40-wrapper .galery-slider-40 .slider-creative {
margin-bottom: 0;
padding: 0 20px
}
.featured-style-40 .nav-slider {
left: 5px;
right: 5px
}
}
Regards,
PenciDesign.
The slider display on handheld is now flawless and beautiful actually. The other elements on the android stack up using the correct width. The top container has the #39 slider on the left and there is a YT video on the right that is missing from the handheld. attached 3 annotated screen shots.
Attached files: Screenshot_20241015-043309-top.jpg
Screenshot_20241015-043321-middle.jpg
Screenshot_20241015-043332-bottom.jpg
Hi,
I've edited your page layout by following the documentation at this link: https://elementor.com/help/responsive-design-using-containers/
Please clear all the browser caches and check again.
Regards,
PenciDesign.
OK I fixed it by customizing the container view for handheld. I never learned enough about HTML or CSS to figure out the fix you created to make the #39 slider display though so that was a really good fix on your part. I'm ultimately building this out on Soledad and Elegant Themes Divi so it's interesting to see how each handles the responsive settings. Thanks - ticket is closed.