Skip to content
Mc Starters Main Logo Circle
  • Home
  • Our Services
  • Download Templates
  • Guest Posts
  • Contact Us
  • Tools
Mc Starters Main Logo Circle

Home \ Divi \ How to Hide Secondary Menu Items in Mobile Menu Divi

How to Hide Secondary Menu Items in Mobile Menu Divi

Published By :Mudassar Shakeel February 5, 2022July 12, 2025 Divi
Hide Secondary Menu Items in Mobile Menu

You may create a primary menu in the main header and a secondary menu in the top header using the Divi Theme. You may notice that the menu items from both menus are shown within the same mobile menu if you access your site on a mobile device. Here’s today we will show how to Hide Secondary Menu Items in Mobile Menu.

You Might Also Like: Divi Footer for the website

Affiliate Banner 1

Hide Secondary Menu Items in Mobile Menu Divi

We show step by step. It is easy. You just need to add below custom CSS.

Affiliate Banner 2

Step 1: Copy below CSS Code

#mobile_menu li:not([id]) { 
	display:none !important; 
}

Step 2: Go to Divi > Thene Options > Custom Css and Paste the above code.

Hide Secondary Menu Items in Mobile Menu

You Might Also Like

Custom Footer with Divi Theme Builder

How to Create a Custom Footer with Divi Theme Builder?

Add Google API Key in Divi

How to Add Google API Key in Divi

See also  3 ways to Add Custom CSS to Divi
Facebook FacebookTwitter TwitterInstagram InstagramPinterest PinterestYouTube YouTube

Categories

© 2025 Mc Starters Blog

  • Guest Posts
  • HTML Sitemap
  • XML Sitemap
  • Affiliate Disclosure
Get Professional Websites
  • Home
  • Our Services
  • Download Templates
  • Guest Posts
  • Contact Us
  • Tools
Facebook X Instagram YouTube Pinterest
Search