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 Reduce logo size on scroll and trigger mobile menu on larger screens

Discussion in 'Basic Support Forum' started by SCOTBORD, Jan 7, 2021.

  1. SCOTBORD

    SCOTBORD Member
    Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi,

    I have created my own layout using Divi Ultimate Header. I've added a full width menu with the text menu aligned to the right, a logo aligned to the left, and it is sticky.

    I have two issues:

    1. At around 1024px the text menu splits onto two lines - please can you advise if I can apply any CSS code to make the default Divi mobile menu appear earlier (i.e. at a wider size than the default).

    2. Is it possible to make the logo and menu height reduce in size once the user starts to scroll (just as the default Divi logo does)?

    I'd appreciate any advice/guidance.

    Thanks,

    Jonathan
     
    #1 SCOTBORD, Jan 7, 2021
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly share your URL.
     
    #2 Divi.Help Pro Support, Jan 7, 2021
  3. SCOTBORD

    SCOTBORD Member
    Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    #3 SCOTBORD, Jan 7, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support 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 Pro Support, Jan 7, 2021
  5. SCOTBORD

    SCOTBORD Member
    Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Perfect thanks, so much for your help!
     
    #5 SCOTBORD, Jan 7, 2021
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
(You must log in or sign up to post here.)