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 Fullwidth header video - not displaying the full screen

Discussion in 'Free Divi Community Forum' started by Artur Munne, Jan 13, 2018.

  1. Artur Munne

    Artur Munne New Member

    Hi all!!

    My fullwidth header video, does not display the 100% of the screen width, and if i then refresh the webpage then looks ok.

    My site link is https://www.sharryup.com

    Attached an image example.

    Thank you in advance,

    Artur
     
    #1 Artur Munne, Jan 13, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  2. Artur Munne

    Artur Munne New Member

    sharryup.png
     
    #2 Artur Munne, Jan 13, 2018
  3. Divi.Help

    Divi.Help Administrator
    Staff Member

    Looks fine from my side though. On the first load.

    Tested on Chrome & Firefox.
     
    #3 Divi.Help, Jan 13, 2018
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More
  4. Artur Munne

    Artur Munne New Member

    Thank you very much, if this happens to me everytime time and is not happening to new openers, does it means there is a cache or cookies or some problem of this kind?

    Sorry for my unexperience!

    Artur
     
    #4 Artur Munne, Jan 16, 2018
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    #5 Divi.Help, Jan 16, 2018
    Artur Munne likes this.
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
  6. Artur Munne

    Artur Munne New Member

    thank you very much, looks like it's working good now!!
     
    #6 Artur Munne, Jan 16, 2018
  7. Dale K.

    Dale K. New Member

    Hello! I tried the advice above, and it works some times, but it doesn't stick. It reverts back to the black bars on the left and right side of the video. I even cleared my cache hoping that would work, but it continues to work sometimes and not others. Any other advice? I would really appreciate it your help.
     
    #7 Dale K., Oct 11, 2018
    1. PRO MEMBER PERKS Divi.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your link.
     
    #8 Divi.Help, Oct 11, 2018
  9. Dale K.

    Dale K. New Member

    #9 Dale K., Oct 11, 2018
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  10. Divi.Help

    Divi.Help Administrator
    Staff Member

    It loads fine from my side. Though you can try to add important tag to the CSS:
    Code:
    Log In or Sign Up to view this code.
    Put the CSS in Divi -> Theme Options -> Custom CSS
     
    #10 Divi.Help, Oct 11, 2018
  11. Dale K.

    Dale K. New Member

    Should I add the "0", as shown in the picture? I've tried multiple ways, and still not taking consistently. Actually...let me clear cache again.
     

    Attached Files:

    #11 Dale K., Oct 11, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Easy-to-use drag & drop interface to mix & match 456+ premade Divi blocks & export as json file:Learn More
  12. Dale K.

    Dale K. New Member

    SWEET! So far accounting for the "0" to define that element seems to be working consistently! I tried before adding the "0", but it wasn't working. It looks golden now! I REALLY APPRECIATE THE HELP! Thank you!
     
    #12 Dale K., Oct 11, 2018
  13. Eich Horn

    Eich Horn New Member

    Hi! I have the same problem with bars sometimes left and right and sometimes beneath the film. When I resize the browser, the film snaps to the browser size. This happens in Edge, Chrome and Firefox... http://genesis-design.com.dedi4737.your-server.de/

    When I'm logged into Divi the problem does not occur.

    I tried all the CSS code you provided with no positive result. Thanks for any advise.
     
    #13 Eich Horn, Feb 1, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
  14. Divi.Help

    Divi.Help Administrator
    Staff Member

    Looks fine from my side using Chrome. Though, you can try the below CSS in WP Admin > Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #14 Divi.Help, Feb 1, 2019
  15. Eich Horn

    Eich Horn New Member

    Thanks a lot! This seems to help with Chrome and Firefox on Windows 10. In Edge there is still a problem. It first loads ok, but when I hit F5 there is a white bar beneath the video and the scroll down button does not work anymore. But that's a huge leap forward for sure...

     
    #15 Eich Horn, Feb 2, 2019
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  16. Eich Horn

    Eich Horn New Member

    Unfortunately the film does not run on mobile devices. Is there a solution to this. Thanks for your help! :)

     
    #16 Eich Horn, Feb 2, 2019
  17. Divi.Help

    Divi.Help Administrator
    Staff Member

    Tested with Edge on my side (hit F5), but it works just fine. But in Edge, it seems to have bars on the left & right.
    Try this CSS instead:
    Code:
    Log In or Sign Up to view this code.
    Not sure about this though. Couldn't advice you more on this.
     
    #17 Divi.Help, Feb 3, 2019
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  18. Eich Horn

    Eich Horn New Member


    Thanks again. Didn't work. But I guess a working Chrome, Firefox and Safari on MacOS should calm down the client. ;)
     
    #18 Eich Horn, Feb 3, 2019
(You must log in or sign up to post here.)