problem with too long breadcrumbs

foranangel

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

foranangel

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

foranangel

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

Try with below css:

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

scott74

Thanks works good!

nickbnn

Great solution :-)

Thank you :-)