1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/

Solved Full width responsive Vimeo

Discussion in 'Get Help On Divi Wordpress' started by AndrewM, Nov 8, 2019.

  1. AndrewM

    AndrewM New Member

    https://act.hawkfeather.com/

    I can't get the video at the top of the page to be the full width. I've tried:
    100% section, 100% code module (the way it is now)
    100% section, 100% full width header, 100% text (code) module
    100% section, 100% row, 100% video module (Vimeo isn't MP4/YT/WEBM)

    Even with Inspector I can't seem to style it wider; there's a wrapper that gets added.

    How can I use a video full width & responsive?
     
    1. AD Recommended Web Hosting for Divi sites: https://divi.help/link-forums/siteground.140/
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    What about using fullwidth section & add a fullwidth code module & paste the video embed code there?
     
  3. AndrewM

    AndrewM New Member

    That is the setup I have now that doesn't work. Inspector shows that the section is full width, but there's a wrapper inserted before the code module.
     
    1. AD Awesome ways to display testimonials in your Divi site: https://divi.help/link-forums/testimonial-slider.148/
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Which embed code did you use? I tested vimeo video embed & it works fine (showing fullwidth).

    See screenshot below:

    upload_2019-11-9_22-31-37.png

    upload_2019-11-9_22-31-57.png
     
  5. AndrewM

    AndrewM New Member

    Here's the section settings, module code & settings, and page output. Maybe my original post wasn't clear; I'm trying to get the video full window width below the header. It's only doing full layout width.

    module2.png

    module1.png

    section.png

    page.png
     
    1. AD Awesome ways to display testimonials in your Divi site: https://divi.help/link-forums/testimonial-slider.148/
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Upon further checking, it's due to the padding issue. Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .et_pb_fullwidth_code .fluid-width-video-wrapper {
        padding-top: 28%!important;
    }
    .et_pb_fullwidth_code .video-container {
        padding: 0!important;
    }
     
  7. AndrewM

    AndrewM New Member

    Perfect, and thanx! I even dropped the responsive div I tried to wrap it in.
     
    1. AD Free download for Divi Mobile Bar Plugin: https://divi.help/threads/divi-mobile-bar-plugin-free.1579/
  8. AndrewM

    AndrewM New Member

    Hmm, now the video is small and .fluid-width-video-wrapper has disappeared.
     
  9. Divi.Help

    Divi.Help Administrator
    Staff Member

    Perhaps it's due to your lazy load feature. Try to disable it & see if it works.
     
    1. AD Create stunning carousel for Divi sites: https://divi.help/link-forums/divi-carousel.153/

Recommended Divi Hosting