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;
}