1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
HOT Divi.Help Pro One-Page Layouts - Beautifully crafted Divi layouts for you to kick start Divi sites.
View All Pro One-Page Layouts
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.
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Fixed menu overlapping anchor linked sections

Discussion in 'Free Divi Community Forum' started by thjasp, Sep 25, 2024.

  1. thjasp

    thjasp New Member

    Hey there!

    I'm building this Webiste with Divi: https://mad-ame.com/

    When one clicks on the fixed menu items, the target sections are overlapped the size of the menu (160 pixels I think). That's not a good user experience. How can I solve this problem? I've tried many CSS and JS tricks but nothing is working.

    Thank you and have a good day.
     
    #1 thjasp, Sep 25, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  2. thjasp

    thjasp New Member

    Up!
     
    #2 thjasp, Oct 3, 2024
  3. thjasp

    thjasp New Member

    Thank you for not forgetting this one!
     
    #3 thjasp, Oct 12, 2024
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring modern overlay archive blog layout with hover effects:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try this: https://divi.help/threads/offset-anchor-link.6937/#post-22392

    Replace var headerHeight = 143; with var headerHeight = 154;
     
    #4 Divi.Help, Oct 14, 2024
  5. thjasp

    thjasp New Member

    Thank you very much but it doesn't change anything. It looks like additional JS is ignored. Do you know why?
     
    #5 thjasp, Oct 28, 2024
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  6. thjasp

    thjasp New Member

    Up! Thank you.
     
    #6 thjasp, Nov 9, 2024
  7. Divi.Help

    Divi.Help Administrator
    Staff Member

    It seems to be conflict with your fullscreen menu code: pa-fullscreen-menu

    Your fullscreen menu seems to cause the anchor link smooth scrolling to malfunction. You may check with the developer of the fullscreen menu coding.
     
    #7 Divi.Help, Nov 13, 2024
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
(You must log in or sign up to post here.)