Skip to content
Public Ticket #29765

Displaying "responsive" Elementor containers on handhelds

Conversation thread

Mal Milligan replied

Customer Reply

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. 

Mal Milligan replied

Customer Reply

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. 

PenciDesign Supporter replied

Staff Reply

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.

PenciDesign Supporter replied

Staff Reply

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.

Mal Milligan started the conversation

Conversation Start

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 ! 

Want to join this conversation or access attachments? Sign in first.