nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

As we transition to the new Hyland Community, some post links may be temporarily disrupted as we finalize redirects. We apologize for the inconvenience and are working to resolve this as quickly as possible. Details.

Navigation bar in two rows

zladuric

Hello,

When you put a lot of pages on a site (ie, site page, document library, wiki, forum, datalists, others..) sometimes the navigation component gets split in two rows. Especially when used from a smaller laptop.

Is there already a solution (so I don't have to work it on my own), that adds some horizontal line, something that would split the two rows of nav links?

Thanks!

Find more posts tagged with

Comments

amitev

Unfortunately this resizing is performed automatically by the browser and it's not controlled by Alfresco Share.

zladuric

Yes, I know. I was asking if there is already some customization (with javascript or something) that could be used. If not, no problem. If I end up making it myself and if I get a permission, I'll post it here somewhere.

amitev

Try to put a bottom border on the menu and when resized in two lines they should be visually separated by the border.