1. HOT Divi Ultimate Header Plugin - Design Divi custom header globally in Divi Builder: https://header.diviultimate.com/

Solved How do I make a non fullwith slider responsive

Discussion in 'Get Help On Divi Wordpress' started by mariejac27, Nov 7, 2019.

  1. mariejac27

    mariejac27 New Member

    Hi

    Can you tell me how to make the slider from the homepage responsive?
    (see the attached picture)
    this is my website : https://new.w-t-s.ch

    Also, I have a grey strip on the left side of my entire homepage (on mobile only)
    If you swipe a bit left on your mobile you will notice it. Could you tell me how to fix this ?

    Thank you so much
    xx
     

    Attached Files:

  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Are you referring to the slider text being covered in mobile?

    If that's the case, try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .et_pb_slides .et_pb_slider_container_inner {
        vertical-align: bottom!important;
    }
    #page-container .et_pb_slides .et_pb_slider_container_inner .et_pb_slide_description {
        padding-bottom: 75px!important;
        padding-top: 0!important;
    }
    Try the below CSS in Divi > Theme Options > Custom CSS & see if it works:
    Code:
    #et-main-area {
        overflow: hidden!important;
    }
     
  3. mariejac27

    mariejac27 New Member

    Thank you a lot.

    I was also referring to something slightly different.

    If you inspect the page, you can see that the slider on the homepage (with the photos) is not 100% responsive. When I drag it at some point there is still the text in the blue module on the side of the screen. Basically I think I need to set a width which commands that whenever it goes over a certain width, the slider should automatically go down. do you see what I mean? I m kind of stuck I do not know how to do this. thank you so much for your help. you guys are lifesavers
     

    Attached Files:

  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    For the hidden text & icon, it's due to negative margin set. You will need to go to the module settings & set the margin left tablet to be similar to margin left mobile.
     
  5. mariejac27

    mariejac27 New Member

    I did that . But im talking about the blue left strip on the left, which appear only on tablet device. I cant stretch the slider.
     

    Attached Files:

  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Seems like it's stretched to full width already. Perhaps you already solved it.
     
  7. mariejac27

    mariejac27 New Member

    Thank you a lot yes I solved it !!
     

Recommended Divi Hosting