Docs

[Eric M]

Would like to have the breadcrumbs show up on the left side of the title bar, directly under the page title.
what is the css to accomplish this?

[Prasant Rai]

Hello Eric,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[Eric M]

This reply has been marked as private.

[Eric M]

second thought. We would like to remove the shop name and float the breadcrumbs to the left by themselves

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.x-landmark {
    display: none;
}
.x-breadcrumbs-wrap {
    text-align: left;
}

Hope that helps.

[Eric M]

didnt work

[Rad]

Hi there,

I can see that it works, unless, you mean by the left is right? Would you mind providing a mockup design of your preferred design?

Thanks!

[Eric M]

sorry, what i meant by didnt work is that the page title is still visible on mobile devices

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

@media (max-width: 767px) { 
.x-landmark-breadcrumbs-wrap .x-landmark, .x-landmark-breadcrumbs-wrap .x-breadcrumbs-wrap {
display: none !important;
} }

Hope it helps,

Joao

[Eric M]

That got rid of the breadcrumbs too. Needed just the page title. Breadcrumbs are fine

[Rue Nel]

Hello There,

Do you want something like this?

If this is the case, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-header-landmark .x-landmark-breadcrumbs-wrap {
    displat: block;
}
.x-header-landmark .x-landmark,
.x-header-landmark .x-breadcrumbs-wrap {
    float: none;
    width: 100%;
    display: block;
}

.x-header-landmark .x-breadcrumbs-wrap {
    margin-top: 10px;
}

We would loved to know if this has work for you. Thank you.

[Author]

Posts