Breadcrumbs displaying oddly (both computer & mobile)

Hi Indiana,

Do you want to display the breadcrumbs inline?

Thank you!

Hello, in Theme Panel > Scripts & Styles, have you un-checked the Page Title style?

Hi emranemranx,

Yes, I want it to display inline.

Hi oceanwp,
I cannot find Page title, but there is Page header option.
Do you mean that one?
Screenshot: https://prnt.sc/jye46x

Yes, I meant Page header sorry.

Hi, Oceanwp.
Neither checked or unchecked worked.

Checked: Header, Page Header
Unchecked: Transparent Header, Top header, full screen header, center header, medium header, verticle header, custom header

Screenshot: https://prnt.sc/jye7r5

• This reply was modified 6 years, 9 months ago by indiana31491.

The breadcrumb style is in the page header style, do you use Cloudflare or a cache plugin? Clear your cache and check again.

Hello, oceanwp.

Still don’t work.
By the way, I have added some custom css.
The followings are about headers, breadcrumbs, and unordered list.
Could those css changes the breadcrumbs appreance?

/* Hide page title */
.page-header .page-header-title {
display: none;
}

/* Set page header padding */
.page-header {
padding: 0;
}

/* Change breadcrumbs color */
.site-breadcrumbs {
color: #13aff0;
}

/* Remove unordered list indent */
#noindent {
margin: 0;
padding-left: 5vw;
}

#noindent1 {
margin: 0;
padding-left: 23vw;
}

#noindent2 {
margin: 0;
padding-left: 23vw;
}

#noindent3 {
margin: 0;
padding-left: 23vw;
}

#noindent4 {
margin: 0;
padding-left: 23vw;
}

#noindent5 {
margin: 0;
padding-left: 23vw;
}

Hello, Oceanwp team.

It is solved, thank you.

You’re welcome ??

Can someone please help me set white-space in the following custom css code for mobile viewing because with white-space: unset; my breadcrumbs appear with 2 to 3 lines worth of white space between them.

this is the custom css code I’m currently using.

@media only screen and (max-width: 767px) {
.site-breadcrumbs {
display: block;
white-space: unset;
overflow:visible;
}
}

Instead of displaying as-

Example Site > Example Category > Made Up Example
Post Title

They are appearing as follows-

Example Site > Example Category > Made Up Example

Post Title

I can’t set a padding for this because of the variances in title lengths and the fact that the extra white space causes the breadcrumbs to display over top of the content that comes after them.

Hello, can you send me the page url where you have this problem?