In phpFox version 4.6.0, we have implemented a component to support build one-line menu. It means in case your menu items are so much and overflow the width of menu, they will be put in a dropdown list automatically. To use this component, you need to follow below guidelines in both of HTML and CSS code.
- Your menu items must be wrapped when overflow.
.your-menuis necessary to hide wrapped menu items.
div.overlayis not required but it is necessary to cover the right menu items when menu is building.
After menu component is built:
- Menu component (
.your-menu) will set
- Menu component will add class
.explorerwill remove class
.hideif there is at least one menu item put in dropdown (
ulwill be hidden.
Sample HTML after building:
Congratulation! Your menu has been built successfully.