We have two base partial design. First partial design used to set the logo and navigation and the second partial design have log + navigation + breadcrumb, so we use the base partial design feature in SXA to apply this functionality. However, we notice when the page is rendered, the HTML output looks like below (the logo and navigation get render after the breadcrumb)

Is there a way to re-order the markup?

enter image description here

  • Can you add more details regarding how you have created the base partial design and what placeholders you used? Commented Jul 16, 2021 at 10:03

1 Answer 1


Even though you have two partial designs, SXA works on how the Page Design is rendered. So in Page Design, you can add 2 base partial designs.

The first Partial design has logo and navigation The second partial design has only breadcrumb

and make sure the order is correct in the page design selection.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.