Prevent overlapping in horizontal menu

Post Reply
denizhamzai
Posts: 10
Joined: 13 Apr 2017, 09:58

22 Oct 2018, 09:56

In the case when we have many items in the horizontal menu, it shows in 2 lines.
This is fine. However, the second line overlaps the next content. How can we prevent this?

User avatar
aragorn
Posts: 3557
Joined: 29 Jun 2013, 12:38

22 Oct 2018, 11:48

Could you please attach a sample code and screenshot for us to replicate?

denizhamzai
Posts: 10
Joined: 13 Apr 2017, 09:58

16 Apr 2019, 11:40

Sorry for the late reply.
Cannot attach printscreen due to privacy.
You can replicate the issue by setting the layout menu to horizontal (applying 'layout-menu-horizontal' in template.xhtml)
Then try adding many menuitems so that you have menu items which need to be shown in 2 lines/rows.

Inside the content section on top I have breadcrumb component. when the menu reaches 2 lines/rows the second line overlaps the breadcrumb.

Let me know if you can replicate with this information.
If not, I will try to take some screenshots by blurring the data section of the image.

User avatar
aragorn
Posts: 3557
Joined: 29 Jun 2013, 12:38

30 May 2019, 08:27

Sorry for the delayed response. Please use;

Code: Select all

@media (min-width: 1025px)
.layout-wrapper.layout-menu-horizontal .layout-content {
    padding-top: 160px;
}

Post Reply

Return to “Verona - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest