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

Solved Creating an Alternate Sticky Header - Picking Your Brain for Style Emulation

Discussion in 'Basic Support Forum' started by David Behrens, Sep 23, 2019.

  1. David Behrens

    David Behrens New Member
    Divi Block Pro Divi Powerful Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi Divi.Help Team,

    First, I want to take another moment to thank you for all of your help over the last couple months with all of my questions and requests. I am working on writing a review for the Divi Powerful Theme now, and should have it posted publicly to your forums soon.

    With that said, I was wondering if you guys could help me brainstorm how to be able to emulate a menu style I have found on another website involving the sticky attribute: https://www.hhrooftopbar.com/. Header 5 is clearly the most equivalent style to the header we are presently seeing on this site example I just posted. However my goal is create a sticky attribute similar to this using one of the your Divi Header System. I believe someone may have already asked for a feature like this in the past as I remember your team navigating others to this page by Elegant Themes to help: https://www.elegantthemes.com/blog/divi-resources/switching-your-logo-on-a-fixed-header-in-divi.

    How would you all suggest I go about making the sticky logo in the example I posted above using your Header 5 from your Divi Ultimate Headers package. Is it possible? What is needed to execute such a change? What deviations from the Divi blog post would I need to make using your system possible?

    Thank you for your help in advance! I really appreciate all that you have developed and assisted me with.
     
    1. PRO MEMBER PERKS Divi.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Will need to use some jQuery code to inject logo in the menu module & some custom CSS to achieve the desired effect.

    Try to add the below jQuery code in Divi > Theme Options > Integration > Body Code:
    Code:
    Log In or Sign Up to view this code.
    **Change YOUR LOGO IMAGE URL to your own logo image link.

    And add the below custom CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    You might need to tweak some value to suit your need.
     
  3. David Behrens

    David Behrens New Member
    Divi Block Pro Divi Powerful Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    This is exactly where I need to be going design wise! Than you so much! However I am not sure where I should be putting the sticky-logo class in the header 5 Divi layout? I tried putting it in the Divi Ultimate Menumodule and the menu section, but no results were yielded. Here is the page in its present form: https://ffs.kollabio.net/minimized-home-v2/
     
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom footer designs for you to choose from:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You don't need to insert the sticky-logo CSS class.

    It's a mistake from our side regarding the jQuery code.

    Try the below instead:
    Code:
    Log In or Sign Up to view this code.
     
  5. David Behrens

    David Behrens New Member
    Divi Block Pro Divi Powerful Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Divi.Help Pro Support likes this.
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now