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 Homepage with fullscreen image or slider

Discussion in 'Free Divi Community Forum' started by Baby Studio, May 4, 2020.

  1. Baby Studio

    Baby Studio Member

    Hi,

    I'm trying to create a new Home for my webpage.

    My idea is like this one:
    upload_2020-5-4_18-23-29.png

    When you open the browser it shows a fullscreen image. The menu is over this image.
    I don't know how put the menu over the image. Or maybe I need to do it with a Custom Header with Divi Theme Builder?

    Do you know if it's possible to use a slider instead an image?

    Thanks!!
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Go Theme Customizer & set the Primary Menu Bar background color to be transparent & it will overlap the section below it. See screenshot below:

    upload_2020-5-5_11-48-58.png

    As for the image slider, you can just use a fullwidth slider module & set the min-height to be 100vh. And go to individual slide to remove the contents & add background image to it.
     
  3. Baby Studio

    Baby Studio Member

    Hi!

    It works ok if I use as header the Default Web Site template in the Theme Builder.
    upload_2020-5-6_0-19-36.png




    But now I'm trying to use a different header for this page. So I create a new template in Theme Builder.

    upload_2020-5-6_0-15-57.png

    Section settings:
    upload_2020-5-6_0-16-22.png

    upload_2020-5-6_0-17-3.png


    Row Settings:
    upload_2020-5-6_0-18-16.png


    But this is the result:
    upload_2020-5-6_0-19-3.png

    Does anyone know how to make the menu transparent?

    Thanks!!
     

    Attached Files:

    1. PRO MEMBER PERKS Divi.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  4. Baby Studio

    Baby Studio Member

    I found the solution! In the Theme Builder, we need to modify section Position to Absolute.
     

    Attached Files: