Archived topic
place breadcrumbs on a new line
5 replies · Started by Ben on May 7, 2021
Viewing posts 1–6 of 6
Hi.
I've included a breadcrumb using a hook (generate_after_header_content). How do I place the breadcrumb on a new line below the other elements in the <header>? I'm guessing that it would be display: flex. The rest is beyond my current knowledge of CSS.
Hi Ben,
Try generate_after_header instead, let me now :)
Hi Ying,
I would like the breadcrumbs to appear in the <header>, as it is a navigation aid. Is there some CSS that would shift it to a new line?
I see, then add it back to the header, and try this CSS:
@media (max-width: 1158px) {
.site-branding, .main-navigation {
flex: 1;
}
}
.inside-header .breadcrumbs {
width: 100%;
}
.inside-header {
flex-wrap: wrap;
}thanks Ying
No problem :)
This archived topic is closed to new replies.
