1. HOT Be a Pro member & access all our premium Divi extensions, including Divi Block, popular Divi Ultimate Header Plugin, etc.LEARN MORE
Dismiss Notice
NEW Divi Login Customizer Plugin - Instantly get a beautifully crafted login page design for Divi site.
View premade login page design
BEST Divi Block - An online drag & drop tool to easily mix & match 417+ premade blocks (light / dark version), including custom header, fullscreen / slide in mobile menu, mega menu, custom footer, page design blocks, before / after image slider, promo bar, floating button, logo carousel, content toggle, slide in bar, etc.
Learn MoreTry Free Version

How to align Fullwidth Header Module text to be at the top?

Discussion in 'Divi Tutorials' started by Divi.Help, Nov 14, 2021.

  1. Divi.Help

    Divi.Help Administrator
    Staff Member

    To align fullwidth header module text to the top, you just have to:
    1. Add this CSS class to the Section Settings > Advanced > CSS Class: dh-fh-top
    2. Then add the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .dh-fh-top .header-content-container {
        align-self: start!important;
        padding-top: 40px!important;
    }
    .dh-fh-top .et_pb_fullwidth_header_container {
        justify-content: start!important;
    }
    **Adjust the padding top value to suit your need.
     
    1. AD Free Divi masonry gallery layout:Learn More