1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, 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

Mobile sticky menu, fix jumping hamburger icon on scroll

Discussion in 'Free Divi Community Forum' started by COss, Sep 13, 2021.

  1. COss

    COss New Member

    Hi all,

    I am using the fullscreen menu option and made the mobile menu sticky witht he CSS below. However, the hamburger icons keeps jumping on scroll. I guess due the resizing option. any ideas on how to fix this?

    @Media (max-width: 980px) {
    .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
    }
    }

    Thnx!
     
    #1 COss, Sep 13, 2021
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring modern overlay archive blog layout with hover effects:View Demo
  2. 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.
    **Adjust it to your liking.
     
    #2 Divi.Help, Sep 13, 2021
  3. COss

    COss New Member

    Works like a charm. Thanks a lot!
     
    #3 COss, Sep 13, 2021
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  4. COss

    COss New Member

    I have another question :)

    How do I disable the body scroll function when in fullscreen menu (mobile version)?

    thnx!
     
    #4 COss, Sep 13, 2021
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    I tested several code to prevent scrolling on mobile, but unfortunately none is working. Don't have any further advice on this issue.
     
    #5 Divi.Help, Sep 15, 2021
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
(You must log in or sign up to post here.)