1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, 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 Force module to maintains proportion

Discussion in 'Free Divi Community Forum' started by Baby Studio, Jan 11, 2019.

  1. Baby Studio

    Baby Studio Member

    Hi!

    I'm creating, as I said in another query, a website and for the home page I'm following certain ideas I've seen on the Apple front page.

    On its website, Apple displays the images (for example, the Apple Watch and next to the text). I'm thinking of doing this with fullwidth sections and the Fullwidth Header module. But one thing happens to me. In Fullwidth Header I have set a 1080x608 pixel photo as background, following the format of the Divi documentation. In Background image size I have marked "Cover". In Layout I have marked Full Screen.

    But depending on the size of the browser window, the image shrinks:
    ConsultaCover.PNG

    If instead of "Cover" I put "Fit", the image always looks complete, but the size of the module does not adapt as much up and down as on the sides:
    ConsultaFit.PNG

    Is there a way to maintain the complete image and that the module adapts automatically? That is to say, that the module is the image as such, that always maintains its proportion (which in this case is 16: 9).

    Thank you!
     
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  2. Baby Studio

    Baby Studio Member

  3. Divi.Help

    Divi.Help Administrator
    Staff Member

    As mentioned on the link, set the container to have min-height: 56.25vw;

    Try to put it in Fullwidth Header Settings > Advanced > Custom CSS > Main Element:

    upload_2019-1-11_23-40-45.png
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade rolling text design for your Divi site without using any plugins:View Demo