Divi header news sticky

You're looking to create a sticky header with news section in Divi!

Here's a step-by-step guide to help you achieve this:

Step 1: Create a new page or section

Step 2: Add the header

In the row, add a new section (not a module) and give it a name, e.g., "Header".
In the Header section, add a new module, e.g., "Divi Builder Module" (not a specific module type).
Configure the module settings as desired (e.g., add a logo, menu, etc.).

Step 3: Add the news section

Below the Header section, add a new section (not a module) and give it a name, e.g., "News".
In the News section, add a new module, e.g., "Blog Module" or "Text Module" (depending on your desired layout).
Configure the module settings as desired (e.g., add a title, text, images, etc.).

Step 4: Make the header sticky

Go to the Header section and click on the three dots (⋯) next to the "Settings" icon.
In the dropdown menu, select "Advanced" and then "Sticky".
In the "Sticky" settings, choose the desired behavior (e.g., "Sticky on scroll", "Sticky on hover", etc.).

Step 5: Style the news section

Go to the News section and configure the module settings as desired (e.g., add a title, text, images, etc.).
You can also add custom CSS to style the news section as needed.

Step 6: Add a separator (optional)

If you want to add a separator between the header and the news section, you can add a new module (e.g., "Divider Module") below the Header section.

That's it! With these steps, you should now have a sticky header with a news section in Divi.

Remember to customize the styles and settings as needed to fit your specific design requirements.