1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Divi Slider is not responsive on Mobile

Discussion in 'Free Divi Community Forum' started by gokul, Feb 9, 2020.

  1. gokul

    gokul Member

    Hi,
    i am using regular slider & it working fine on desktop but not looking good on mobile devices. I have tried by adjusting the width for mobile but it is still appearing small. How can i fix this?

    Url: http://hardwareneeds.com/

    Thank You.
     

    Attached Files:

    #1 gokul, Feb 9, 2020
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help, Feb 9, 2020
  3. gokul

    gokul Member

    Thank You so much. it works. :)

    one more question, we can create a separate slider for mobile but what is the perfect size for mobile slider images?

    Thank You.
     
    #3 gokul, Feb 9, 2020
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    No advice on that. You might want to trial & error to see which size suits you best.
     
    #4 Divi.Help, Feb 10, 2020
  5. gokul

    gokul Member

    Thank you so much divi help.
     
    #5 gokul, Feb 10, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  6. the coding bus

    the coding bus New Member

    Please add this code in Additional CSS

    @Media screen and (max-width:900px)
    {
    .et_pb_fullwidth_slider_0 .et_pb_slide {
    background-size: contain!important;
    height: 250px !important;
    }

    }

    @Media screen and (max-width:479px)
    {
    .et_pb_fullwidth_slider_0 .et_pb_slide {
    background-size: contain!important;
    height: 110px !important;
    }

    }
     
    #6 the coding bus, Mar 15, 2022
(You must log in or sign up to post here.)