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

Full screen header mode not working with Divi Ultimate Header plugin

Discussion in 'Basic Support Forum' started by Jeremy McLean, Jul 24, 2018.

  1. Jeremy McLean

    Jeremy McLean New Member

    I am trying to utilize the "full screen" option in Divi for the Fullwidth Header section so my image uses the rest of the webpage. I love that look. however, when this plugin is active, it bumps down the full screen mode and disables you from using the little arrows that Divi has included to show the user that they can scroll down to see more.

    I was wondering if anyone has found a workaround for this and knows any CSS tricks to limit the background image and content from going beyond what is on the screen. I tried using the overflow: hidden; technique with no success.

    You can see my problem at https://ritceyhearing.magentostaging.com/.
     
    #1 Jeremy McLean, Jul 24, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Premade promo bar / notification bar with close button for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Since the top part header is also considered as a section, the fullscreen option will not work well. Though, you can try this CSS:

    Code:
    Log In or Sign Up to view this code.
    As for the arrow, our plugin shouldn't have anything to do with that.
    Kindly make sure that the scroll down button option is enabled.

    upload_2018-7-25_11-18-57.png
     
    #2 Divi.Help Pro Support, Jul 24, 2018
  3. Jeremy McLean

    Jeremy McLean New Member

    That CSS didn't do anything, unfortunately. I understand that this plugin is it's own section, but it would be nice if it played nicer with the full screen option. Or if there was an easy way for us to utilize both.
     
    #3 Jeremy McLean, Jul 25, 2018
    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    #4 Divi.Help Pro Support, Jul 25, 2018
  5. Jeremy McLean

    Jeremy McLean New Member

    I used this code in a custom css class and it worked 50%. It now correctly cuts off at the bottom of the page, but the section separator does not show up when enabled. This seems to be due to it being cut off from the CSS code that I added.
     
    #5 Jeremy McLean, Jul 25, 2018
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You should delete your previous code & add this:
    Code:
    Log In or Sign Up to view this code.
     
    #6 Divi.Help Pro Support, Jul 25, 2018
  7. Jeremy McLean

    Jeremy McLean New Member

    Thank you for the help! That worked!
     
    #7 Jeremy McLean, Jul 25, 2018
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
(You must log in or sign up to post here.)