1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, 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 Separate mobile navigation menu

Discussion in 'Basic Support Forum' started by Joe Tiew, Apr 26, 2018.

  1. Joe Tiew

    Joe Tiew Member
    Divi Ultimate Child Theme

    Hey support,

    Good morning! May I know is there any method to display different navigation menu for Desktop and Mobile devices?

    Reason: I want to hide some pages from mobile devices

    Many thanks!
     
    #1 Joe Tiew, Apr 26, 2018
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You can try the below:

    Step 1:
    Choose a style for Divi Ultimate -> Header & Navigation in Theme Customizer.

    Step 2:
    Edit the Header Style in Divi Library & choose your desired menu for desktop. The custom header menu will only appear for desktop.

    Step 3:
    Default primary menu set in WP Admin will be used in mobile.

    -------------------

    Another way is that you add a custom CSS Class for the menu that you want to hide in mobile. Then add Custom CSS to hide it in mobile.
     
    #2 Divi.Help Pro Support, Apr 26, 2018
  3. Joe Tiew

    Joe Tiew Member
    Divi Ultimate Child Theme

    Wow! Thanks for fast response!

    Anyway I plan to use default Divi menu (only use Divi Ultimate theme), can you please share the custom CSS class to hide it in mobile?
     
    #3 Joe Tiew, Apr 26, 2018
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Step 1:
    Add CSS Class css-to-hide to the menu you want to hide. See the screenshot below:

    upload_2018-4-27_12-12-48.png

    Step 2:
    Add this Custom CSS in Divi -> Theme Options -> Custom CSS
    Code:
    Log In or Sign Up to view this code.
     
    #4 Divi.Help Pro Support, Apr 26, 2018
  5. Joe Tiew

    Joe Tiew Member
    Divi Ultimate Child Theme

    Thanks, that's great!
     
    #5 Joe Tiew, Apr 26, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Premade slide in bar design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)