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

Navigation on small screens

Discussion in 'Basic Support Forum' started by Jeroen Berings, Jan 21, 2022.

  1. Jeroen Berings

    Jeroen Berings New Member
    Divi Block Pro Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    I use css class free-header-menu free-menu-style-1 for ultimate header. On smaller screens like 15" laptop de menu items are on 2 lines. On larger screens it is ok (one line)

    https://ebbenmaterialen.nl/ebbenmaterialen/
     

    Attached Files:

    #1 Jeroen Berings, Jan 21, 2022
    1. PRO MEMBER PERKS Divi Block Pro - Premade slide in bar design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS & see if it helps:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help Pro Support, Jan 21, 2022
  3. Jeroen Berings

    Jeroen Berings New Member
    Divi Block Pro Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    This solved my issue but I have 2 different headers. On page https://ebbenmaterialen.nl/ebben-coffee/ 2 menu lines are stacked suddenly. It used to be ok. On large screen is stacked to. This header is using css class free-header-menu free-menu-style-1 to
     

    Attached Files:

    #3 Jeroen Berings, Jan 26, 2022
    1. PRO MEMBER PERKS Divi.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try the below CSS instead. But it doesn't seem to be our CSS Class issue. It's somehow related to the way you set the menu module logo width & max width.
    Code:
    Log In or Sign Up to view this code.
     
    #4 Divi.Help Pro Support, Jan 26, 2022
(You must log in or sign up to post here.)