Archived topic
Breadcrumbs position: Before main content vs. after header
3 replies · Started by perlfan on November 28, 2020
Hi there,
unfortunately I'm not a Css pro. If I position the breadcrumbs before the main content, they are nicely aligned with the menu and the content - in this case the side bar is not aligned with the main content anymore however. If I position the breadcrumbs after the header (as they are now), I don't get to align them nicely with the menu etc. (the problem is that, when zooming, their relative positive position changes, so they do not stick to to their position...) I hope you understand my point. Thanks for help.
Frank
Hi there,
remove any CSS you have currently for the breadcrumb element and add this:
.rank-math-breadcrumb {
max-width: 1200px;
margin: 20px auto 0;
}Ahh, so you made the breadcrumbs width equal to the container width, thanks a lot!
Frank
Yep :) Glad to be of help!
