1. HOT Divi Ultimate Header Plugin - Design Divi custom header globally in Divi Builder: 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


    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?
  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.
  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:


  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.




  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:
    .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.

Recommended Divi Hosting