problem with too long breadcrumbs

foranangel · July 2014

Hi everyone

some of my pages/post have the long title, so in some cases the breadcrumb to go again, creating two rows.

how can I do to solve this problem?

Breadcrumb are useful and do not want them to remove!

thanks.

Albert · July 2014

Hi,

we don`t understand your question. Breadcrumbs are useful and you don`t want to remove them but are too long and want to do something... Can you explain what you want to do with breadcrumbs? Maybe push breadcrumbs under title? We think this will be the only possible think so if you agree for that, then please send us url to website where you got too long breadcrumbs and we`ll have a look on it.

foranangel · August 2014

Hi,

check this web-page:

http://www.centrostudipierpaolopasolinicasarsa.it/notizie/xxx-premio-pasolini-per-tesi-di-laurea/

see the breadcrumb. it's long and is put on two lines. Be able to display it in a single line? (perhaps by reducing the font and removing the empty spaces between the words and >)

regards.

Albert · August 2014

We think this is not good idea what you wrote above, but we got much better solution (move breadcrumbs under the title and align to left side so it will look much better then now). For that please use below custom css and we are sure you will like this solution

#Subheader ul.breadcrumbs { text-align: left; width: 100%; margin-top: 10px; }

foranangel · August 2014

Good solutions!

but I want to increase the distance between the title and the breadcrumbs, I tried to rise margin top, but does not work.

regards

Albert · August 2014

Try with below css:

#Subheader ul.breadcrumbs { margin-top: 20px !important; }

scott74 · November 2014

Thanks works good!

nickbnn · June 2015

Great solution :-)

Thank you :-)

problem with too long breadcrumbs

Comments