1. CYBER MONDAY SALES Up to 72% OFF our Pro membership & access all our premium Divi plugins, child themes, layout packs & Divi Block.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites.
View All Pro Layout Packs
BEST Divi Block - An online drag & drop tool to easily mix & match 478+ premade blocks (light / dark version), including custom header, fullscreen / slide in mobile menu, mega menu, custom footer, page design blocks & 14+ Special Module Design. Newly added Divi Preloader without plugin.
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. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo