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 mert.sincan
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 mert.sincan
Sorry for the delayed response. Please use;
Code: Select all
@media (min-width: 1025px)
.layout-wrapper.layout-menu-horizontal .layout-content {
padding-top: 160px;
}