Template Error? Tell Me How To Place The Breadcrumb Position In The Center? - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Template Error? Tell Me How To Place The Breadcrumb Position In The Center?

AS

Alexandr Slabodkin

Template 4 years ago

Hello. Template error? Tell me how to place the breadcrumb position in the center? text-align: center; does not fit. Other methods didn't work either? Thanks. (Joomla 4, Helix Ultimate v2.0.5)

0
8 Answers
Ugur Uygur
Ugur Uygur
Accepted Answer
4 years ago #43071

Add like this.

.breadcrumb {
    justify-content: center !important;
}

Note: Don't add it as @media CSS

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #43039

Hello Alexandr Slabodkin

Please use this CSS to Template Options -> Custom Code -> Custom CSS

h2.sp-page-title-heading {
    text-align: center;
}

Best regards

0
AS
Alexandr Slabodkin
Accepted Answer
4 years ago #43044

Ofi Khan, doesn't work. Your method places only the H2 heading in the center. And you need to place the Breadcrumb position in the center under the heading.

0
Ugur Uygur
Ugur Uygur
Accepted Answer
4 years ago #43050

Hi,

.breadcrumb {
    justify-content: center !important;
}
0
AS
Alexandr Slabodkin
Accepted Answer
4 years ago #43063

Ugur. Your method worked. But if you paste this code to resize the layout @media (min-width:1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width:1170px; } h2.sp-page-title-heading { text-align: center; } .breadcrumb { justify-content: center; } then it your method does not work when you resize the browser, for tablets and mobile phones.

Maybe this code is not correct for me? @media (min-width:1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width:1170px; }

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #43074

Maybe this could help

.sp-page-title .breadcrumb {
    justify-content: center !important;
}
0
AS
Alexandr Slabodkin
Accepted Answer
4 years ago #43111

Ugur, Ofi Khan, thanks.

1
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #43275

You are welcome

0