Remove extra space in sub-sub pages

andreaminerva

I'm creating pages that are two levels down, and they are showing up with extra space below the header. I tested this by making one of them a top-level page and the space went away.  Please help me make that space go away. Thanks.

Albert

We are sorry but your site doesn't work. When we tried to open it, site keeps loading and nothing happens.

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

andreaminerva

I have narrowed this problem down and see that it happens only when I have a long file name or set of sub-pages, making the breadcrumb very long.  I need to see if you have any documentation on placing the breadcrumb somewhere else.

Albert

We need to have a look on it first so please send us working address where breadcrumbs are too long.

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

andreaminerva

I wish I could but my development area is only visible if you change something in your PC host file - otherwise you see the current live site. It's a bother. If you are willing to do that I can send you the info privately.

Albert

Please send us private message then.

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

andreaminerva

OK, I just did.

andreaminerva

I've got my solution, and will write it below for anyone else who sees extra space below their subheader image.  

First of all, the problem is caused by some very long page heads and my attempt to have the titles in the lower half of  my header image. My blog has some posts with titles that are more than 70 characters. This was taking up too much space in the header area. I could have removed the breadcrumbs completely, but that was not an ideal solution.

I had selected the option to have the title on the left (which put the breadcrumb on the right), but with the long titles that was not working properly. 

My solution was to select "Title & breadcrumbs on the left" and then adjust the padding, because I had put too much padding on the top. This gave more vertical space for the title within the header image. In retrospect, it's so simple and I should have figured it out sooner!

FYI, the CSS the team gave me to align the breadcrumbs (which I did not end up using) is 

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