1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/

How to achieve this menu? (Menu item under other menu item in smaller font)

Discussion in 'Free Divi Community Forum' started by Ernst, Oct 15, 2020.

  1. Ernst

    Ernst New Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi,

    I'm redoing a customer's website.
    As I don't want to use the other builders work (it's a lot of code that I don't need and don't want to have to find everything) I was wondering if you could help me with the following.

    Looking at: https://www.donderdagavondeetclub.nl/

    You see in the menu on the Right side:

    Lid Worden and under it: Inloggen leden.

    How would I recreate that menu item under the other menu item? I know how to make a CTA menu button, just not how to place the menu item under it. Thanks!
     
    1. AD Use modules from the Extra theme with the Divi Builder: https://divi.help/link-forums/divi-extra.163/
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Similar to how to make the CTA menu button, add a unique CSS Class to the smaller menu item, for example dh-menu-below

    Then try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .dh-menu-below {
        position: absolute;
        top: 48px;
        font-size: 11px;
        margin-left: 6px;
    }
    **Adjust it to fit your need.

    You need the place the smaller menu item in front of the CTA menu item.

     
  3. Ernst

    Ernst New Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    That worked,

    Only needed to add:
    .dh-menu-below > a {

    to make it work.
     
    1. AD Replace all Divi-related branding with your own for your Divi site: https://divi.help/link-forums/divi-ghoster.161/
  4. Ernst

    Ernst New Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Can I ask another menu related question?

    On this site: https://dev.genius.nl

    Is there a way to make the secondary menu's background color/or size be dependent on how many items are in the menu? (There are more items in the secondary menu after logging in).

    Thanks!
     
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .logged-in #top-header {
        background: linear-gradient(90deg,#fff 40%,#edf2f4 30%);
    }
    Basically, it will set a different color when logged in.
     
    1. AD Custom global Divi footer (20 premade styles) + Revealing footer effect: https://footer.diviultimate.com/

Recommended Divi Hosting