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

Content below header drops into place on page load (Divi) – how to disable?

Discussion in 'Free Divi Community Forum' started by Suvi Savolainen, Jan 30, 2026.

  1. Suvi Savolainen

    Suvi Savolainen New Member

    I’m improving an e-commerce website built with WordPress using the Divi theme/builder.
    I would like to remove a distracting behaviour that appears on every page: the section directly below the main navigation/header drops into place when the page loads.

    In other words, the section is initially hidden underneath the main navigation bar and then slides/drops down into its correct position with a short delay when the page loads. The client dislikes this because it makes the site feel visually unstable and restless.

    Could you please advise how to disable these effects and keep the page content fixed in the correct vertical position when the page loads?
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade slide in bar design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
  3. Suvi Savolainen

    Suvi Savolainen New Member

    1. PRO MEMBER PERKS Divi Ultimate Child Theme - Tons of premade layouts & section designs + functionalities for your Divi site:Learn More
  4. Suvi Savolainen

    Suvi Savolainen New Member

    I would like to remove a distracting behaviour that appears on every page on the website. The woocommerce site has been built with wordpress using a Divi template.

    The feature I need to remove is the following:

    The section directly below the main A navigation/header drops into place from far top edge and from underneath the header section when the page loads. This happens of every page. In other words, the upper part of the section is initially hidden underneath the main navigation bar and then slides/drops down into its correct position below the header with a short delay when the page loads.

    Could you please advise how to disable these effects and keep the page content fixed in the correct vertical position when the page loads. I have already made sure no animation has been set for the sections.

    The URL of the site is:

    https://marjak-shop.fi/

    Thanks!
     
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    It's because you have semi-transparent header background & Divi dynamically inject the padding using jQuery causing the delay.

    One of the ways to fix it is to remove the transparency of the header. Go to Theme Customizer > Header & Navigation > Primary Menu Bar > Background Color & set solid color.
     
    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More