Page 1 of 1

Prevent overlapping in horizontal menu

Posted: 22 Oct 2018, 09:56
by denizhamzai
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?

Re: Prevent overlapping in horizontal menu

Posted: 22 Oct 2018, 11:48
by aragorn
Could you please attach a sample code and screenshot for us to replicate?

Re: Prevent overlapping in horizontal menu

Posted: 16 Apr 2019, 11:40
by denizhamzai
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.

Re: Prevent overlapping in horizontal menu

Posted: 30 May 2019, 08:27
by aragorn
Sorry for the delayed response. Please use;

Code: Select all

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