Arrows below the heading bar

  • I want to put the arrows on the heading bar next to the words I have posted, but they keep appearing below it. Is there any way to fix this?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • You’ll have to use display flex or inline-flex in first level li and reduce the font size, also apply white-space no wrap for first level li > a

    You have other issues the arrows don’t work at all. Did someone edit the menu?

    Hi @sbreske,

    Add below CSS to your themes style.css file to fix the issue.

    @media (min-width:1280px) {
	.MainNav__Menu--level-1 { justify-content: center; }
	.MainNav__Item--level-1 { display: flex; }
	.MainNav__Link--level-1 { white-space: normal; word-break: break-word; padding-right: 10px; padding-left: 1rem; }
	.MainNav__Item--level-1 .MainNav__HomeLink { padding-right: 1.5rem; }
	.MainNav__Item--has-submenu .MainNav__Link--level-1 { padding-right: 6px !important; }
	.MainNav__LinkText, .MainNav__HomeLink__Text { word-break: normal; white-space: nowrap; }
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Arrows below the heading bar’ is closed to new replies.