Joomla Templates Club 406,261 posts

[Manes Friend ManesJoin date: April 2015Posts: 41Downloads:20Uploads:7 Thanks: 12 Thanked: 1 times in 1 posts]

#695050

Hello,

On the uber template I have activated a breadcrumb in the “medicare-header” position. It is showing fine except I would like it to be aligned with the content on the page and not at the left extremity of the window.

See it here : http://sib.mylennium.net/index.php/news-3

Thank you for any idea that could help.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#750474

Hi
In this case
You use padding-left for creating padding . Add below code in custom.css file

@media (min-width: 1180px) {.breadcrumb { padding-left: 125px!important;}}

save and check , Adjust the value of padding-left as per your needs .

[Manes Friend ManesJoin date: April 2015Posts: 41Downloads:20Uploads:7 Thanks: 12 Thanked: 1 times in 1 posts]

#750782

Thank you for your reply, but this is not exactly correcting the problem, it does move the breadcrumb line off the really border of the page, but it is fixed, so it means not responsive, when resizing the page the breadcrumb is not aligned to the left side of the page content.

Do you have any other idea ?

[Manes Friend ManesJoin date: April 2015Posts: 41Downloads:20Uploads:7 Thanks: 12 Thanked: 1 times in 1 posts]

#750801

Replying to myself in cas this can be useful for someone :

in the breadcrumb module I added “container” in the module class suffix field, then adjusted the padding a bit, now it seems to work.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#750827

<blockquote> @media (min-width: 1180px) {.breadcrumb { padding-left: 125px!important;}}</blockquote> @media (min-width: 1180px) {.breadcrumb { padding-left: 125px!important;}}
Hi
the above code is applied only between specific screen size . You can adjust the padding with using different media queries like give in my example .

[Author]

Posts