Remove extra space in sub-sub pages

Comments

• Albert

  June 2016

  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

  July 2016

  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

  July 2016

  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

  July 2016

  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

  July 2016

  Please send us private message then.
  

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

  July 2016

  OK, I just did.
• andreaminerva

  July 2016

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