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

How to publish just HOME page without the rest on the MENU

Discussion in 'Free Divi Community Forum' started by Mayday67, Dec 13, 2024.

  1. Mayday67

    Mayday67 New Member

    Hi,

    I have created webpage and it has multiple subpages and I do not have time to edit and finish them so my domain now leads to nothing. I want to publish just the HOME page so at least something is up, but will the rest of the menu bar be visible if I publish just the HOME page?

    I have all the pages listed in the MENU bar, but do not want them to be visible yet, and also do not want to delete them because it was a nightmare setting everything up.

    Anyone can help or give pointers?

    Thanks.
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Block Pro - Premade promo bar / notification bar with close button for your Divi site without using any plugins:View Demo
  2. Mayday67

    Mayday67 New Member

    Anyone knows how to do this? Maybe with screenshots please?

    Got it! You can temporarily hide the other pages from the menu without removing them. Here's how you can do it using CSS:

    1. Add a CSS class to the menu items you want to hide:
      • Go to Appearance > Menus in your WordPress dashboard.

      • Click on the Screen Options tab at the top right corner and check the CSS Classes option.

      • Add a custom CSS class (e.g., hide-menu-item) to the menu items you want to hide.
    2. Add custom CSS to hide the menu items:
      • Go to Divi > Theme Options > Custom CSS and add the following CSS:
    css
    /* Hide specific menu items */
    .hide-menu-item{
    display: none;
    }
    This will hide the menu items with the hide-menu-item class, making only the home page visible to visitors. The hidden pages will still be in the menu for future use when you're ready to publish them.

    Let me know if you need any further assistance!