Skip to content

Mc Starters

  • Home
  • Our Services
  • Download Templates
  • Guest Posts
  • Contact Us
  • Tools
Mc Starters

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

bulleted list into checkmarks in Divi

How to change a bulleted list into checkmarks or any other icons in Divi?

how to add scrolling text in WordPress, Elementor, Divi

Add scrolling text in WordPress, Elementor, Divi

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

Categories

© 2025 Mc Starters

  • 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