I am facing issue with the horizontal menu, I am expecting that when the user decrease the screen size , all menu it should appear in the menu area even it started a new line ,
something like that
(Avalon Template Horizontal menu)
but, the rest of menu items disappeared with no horizontal scroll to show the hidden items
(Rain Template Horizontal menu)
I thinks it is CSS issue.
Horizontal menu and screen size
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
As a workaround if you have a menu that overflows second line you can use the following css:
Please add this css to your override file.
Code: Select all
body {
@media (min-width: 992px)
.layout-wrapper.layout-horizontal .menu-wrapper {
height: 72px;
.layout-menu-container .layout-menu {
flex-wrap: wrap;
}
}
}
Hi
Update
Update
Code: Select all
.layout-wrapper.layout-horizontal .menu-wrapper {
min-height: 44px !important;
height: auto !important;
}
.layout-menu-container .layout-menu {
flex-wrap: wrap !important;
}
-
- Information
-
Who is online
Users browsing this forum: No registered users and 4 guests