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

Solved Jumping header issue even with custom CSS

Discussion in 'Free Divi Community Forum' started by Mohammed Asker, Feb 20, 2021.

  1. Mohammed Asker

    Mohammed Asker New Member

    Hi, all!

    My header is getting bigger whenever I refresh the page. I tried some tutorials about posting custom CSS codes, but it does not help. Can you please check what's wrong with my site? Thanks.

    Here's my site:

    https://nemkoo.com/
     
    #1 Mohammed Asker, Feb 20, 2021
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Looks fine to me. Which part are you referring to?
     
    #2 Divi.Help, Mar 4, 2021
  3. Mohammed Asker

    Mohammed Asker New Member

    Finally, a reply :D

    Okay, so when you look at the header navigation from the desktop screen, you'll see that it looks normal on the first load. However, if you refreshed the page or go to any of the navigation links, the header will suddenly bounce bigger, almost covering the half of the contents. It will stay like this until you refreshed few times more and will be back to the normal. And it will repeat the issue if you refreshed the page again.

    I have attached two photos example below with before photo and after photo comparison. You will understand what kind of problem I am facing.

    This problem does not exist on the mobile screens. Only on desktop screens.
     

    Attached Files:

    #3 Mohammed Asker, Apr 24, 2021
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #4 Divi.Help, Apr 25, 2021
    Mohammed Asker likes this.
  5. Mohammed Asker

    Mohammed Asker New Member


    This fixed the problem! Thank you!

    If you don't mind asking 2 questions: how did you figured out the problem? And since I'm using custom CSS, will I have to add the code every time I'm updating divi themes?
     
    #5 Mohammed Asker, Apr 25, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    I use browser inspect element to check & found that it's due to the padding value generated wrongly through JS.
    No need. The custom CSS will stay there even after you update Divi.
     
    #6 Divi.Help, Apr 25, 2021
    Mohammed Asker likes this.
  7. Mohammed Asker

    Mohammed Asker New Member

    Oh, that makes a lot of sense. Knowing that I don't have to add code again is reassuring. Thank you so much for help and explanations, Divi.Help. I really appreciate it.

    With this, the problem is now resolved :D
     
    #7 Mohammed Asker, Apr 25, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)