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 Featured Post Slider image is being cropped in mobile devices.

Discussion in 'Free Divi Community Forum' started by Potato_Ninja, Nov 10, 2018.

  1. Potato_Ninja

    Potato_Ninja New Member

    Hello, Here is my website homepage https://debunkinglife.com/ its built with Extra theme. The problem is with the featured post slider. When its viewed in a mobile device or small screen the image in post slider is being cropped, which I don't like. I would like to know how to fix this. Maybe a setting or CSS code might help. Any help is Appreciated, thanks.
     
    #1 Potato_Ninja, Nov 10, 2018
    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

    What about trying to make the style similar to desktop version? Try to add the custom CSS below:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help, Nov 10, 2018
    Potato_Ninja likes this.
  3. Potato_Ninja

    Potato_Ninja New Member

    Thanks for trying to help, I really appreciate it.
    [​IMG] https://imgur.com/PUBMusP
    Please look at the image to see what the code you provided changed. The image is still cropped. It just changed the bottom title bar to desktop style.
    Once take a look at the Elegant Extra theme demo page https://www.elegantthemes.com/preview/Extra/ . I have observed that their Featured post slider looks fine on mobile or small screen. The featured image doesn't get cropped. I would like mine just like that. For now, I have left the CSS code saved you can check out website after the changes https://debunkinglife.com. Thanks again.
     

    Attached Files:

    #3 Potato_Ninja, Nov 11, 2018
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring modern overlay archive blog layout with hover effects:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    This will prevent the image from being cropped in mobile. But it might leave some white space at the bottom.
    Code:
    Log In or Sign Up to view this code.
     
    #4 Divi.Help, Nov 11, 2018
    Potato_Ninja likes this.
  5. Potato_Ninja

    Potato_Ninja New Member

    Thanks, I am satisfied with the result. I would definitely support this site if I get a chance.
     
    #5 Potato_Ninja, Nov 12, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)