Horizontal menu and screen size

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
isoliman
Posts: 7
Joined: 20 Oct 2014, 12:41

18 Jun 2021, 11:12

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
Image
(Avalon Template Horizontal menu)

but, the rest of menu items disappeared with no horizontal scroll to show the hidden items

Image
(Rain Template Horizontal menu)

I thinks it is CSS issue.

siris
Posts: 322
Joined: 29 Jul 2019, 13:57

21 Jun 2021, 09:49

Hi,

There is a general problem. We are working on it. Thanks for reporting it.

Best Regards,

siris
Posts: 322
Joined: 29 Jul 2019, 13:57

21 Jun 2021, 11:31

As a workaround if you have a menu that overflows second line you can use the following css:

Code: Select all

body {
   @media (min-width: 992px)
   .layout-wrapper.layout-horizontal .menu-wrapper {
       height: 72px;
    
       .layout-menu-container .layout-menu {
           flex-wrap: wrap;
       }
   }
}
Please add this css to your override file.

isoliman
Posts: 7
Joined: 20 Oct 2014, 12:41

21 Jun 2021, 22:42

Hi,

Yes, It is working now , thank you for your support.

isoliman
Posts: 7
Joined: 20 Oct 2014, 12:41

21 Jun 2021, 22:58

Hi

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;
       }

siris
Posts: 322
Joined: 29 Jul 2019, 13:57

22 Jun 2021, 09:31

Hi,

If that solution is right for you, it will be too.

Best Regards,

Post Reply

Return to “Rain - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests