[Resolved] Breadcrumbs position: Before main content vs. after header

Home Forums Support [Resolved] Breadcrumbs position: Before main content vs. after header

Home Forums Support Breadcrumbs position: Before main content vs. after header

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1555880
    perlfan

    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

    #1556232
    David
    Staff
    Customer Support

    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;
    }
    #1556637
    perlfan

    Ahh, so you made the breadcrumbs width equal to the container width, thanks a lot!
    Frank

    #1556656
    David
    Staff
    Customer Support

    Yep 🙂 Glad to be of help!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.