Search
- MDB Pro
- Products
- Getting Started
  - Home page
  - About MDB
  - Download
  - Quick start
  - Installation guide
  - Styles customization
  - Full tutorial
  - MDB CLI
  - Gulp
  - Webpack
  - MDB Angular
  - MDB React
  - MDB Vue
  - MDB news
- Layout
- Utilities
  - Borders
  - Clearfix
  - Close icon
  - Display
  - Embeds
  - Float
  - Flexbox
  - Horizontal align
  - Image replacement
  - Overflow
  - Position
  - Screenreaders
  - Sizing
  - Spacing
  - Stretched link
  - Text
  - Vertical align
  - Visibility
- Content
  - Code
  - Figures
  - Flags
  - Icons usage
  - Icons list
  - Images
  - Typography
  - Responsive Font Size
- CSS
  - Demo
  - Animations
  - Background Image
  - Colors
  - Color combination
  - Text Color
  - Gradients
  - Hover effects
  - Masks
  - Parallax
  - Shadows
  - Skins
  - Variables
- Components
  - Demo
  - Alerts
  - Buttons
  - Buttons group
  - Buttons social
  - Cards
  - Cards extended
  - Dropdowns
  - Jumbotron
  - List group
  - Loaders / Spinners
  - Panels
  - Pagination
  - Pills
  - Progress bars
  - Stepper
  - Tabs
  - Labels and Badges
- JavaScript
  - Demo
  - Accordion
  - Carousel
  - Collapse
  - Charts
  - Google Maps
  - LightBox
  - Mobile
  - Notifications
  - Popovers
  - StickyContent
  - Scrollbar & smooth scroll
  - Tags and Chips
  - Tooltips
  - Waves effects
- Navigation
  - Compositions
  - Breadcrumbs
  - Footer
  - Hamburger Menu
  - Mega Menu
  - Navs
  - Navbar
  - ScrollSpy
  - SideNav
- Forms
  - Basic examples
  - Autocomplete
  - Builder
  - Checkbox
  - Contact form
  - Customization
  - Date Picker
  - Drag and drop
  - File Input
  - Inputs
  - Inputs Group
  - Multiselect
  - Radio button
  - Search
  - Select
  - Slider
  - Switch
  - Textarea
  - Time Picker
  - Validation
- Tables
  - Basic examples
  - Additional examples
  - Datatables
  - Editable
  - Editor
  - Generator
  - Pagination
  - Responsive
  - Scroll
  - Search
  - Sort
- Modals
- Design Blocks New
- Tutorials
  - Basics
  - Bootstrap
  - jQuery
  - Angular
  - React
  - Vue
  - WordPress
  - Miscellaneous
- Plugins & Addons
- Free templates
- Premium templates
- Tools & Resources

How to mix mega menu and drop menu?

Topic: How to mix mega menu and drop menu?

wingfy614 pro asked a year ago

Hi, I would like to mix the mega menu with regular dropdown menu as following image. Please help :)

Add comment

Piotr Glejzer staff answered a year ago

4 0 Best answer

Hi, can you check that what I did? Is that what you need? Let me know. Have a nice day. Mega menu - snippet Best, Piotr

Add comment

abelgriffen pro answered a year ago

0 0 Best answer

Hi! Can we make the mega menu hoverable? Thanks

Add comment

Piotr Glejzer staff answered a year ago

0 0 Best answer

Hi abelgriffen, do you mean something like this? Snippet Best, Piotr

Add comment

Write

Status

Answered

Specification of the issue

User: Pro
Premium support: No
Technology: jQuery
MDB Version: 4.5.2
Device: web, iPhone
Browser: chrome
OS: macos, iOS
Provided sample code: No
Provided link: No

Tags

megamenu responsive

Related topics

0: Pie Chart Size

0: FullScreen Scroller Responsiveness

0: Container within megamenu navbar doesn't take affect in adjusting collapsed width

0: Is there a class i can use to hide content on mobile?

0: How to change container to container fluid in Angular Bootstrap mega menu component

About author

wingfy614

Pro User

11Support score
2Questions 0Answers

0Snippets likes 0Snippets