Navbar cutting off headers about boostrap-v3-theme-minty HOT 4 CLOSED

It's a little issue with pkgdown.css interacting with the bootstrap theme.

pkgdown has a CSS rule like this

.contents h1 {
  padding-top: 60px;
  margin-top: -40px;
}

This is a common pattern for taking into account the height of the navbar. But because I bumped up the size of the fonts a bit, the navbar is too tall.

I think this will work. Open up pkgdown/extra.css and add this on the last line

.template-article .page-header h1 { padding-top: 120px; }

I used the .template-article class to avoid having this apply to the reference page where things seem to be working fine.

from boostrap-v3-theme-minty.

okay, just realized that's going to mess with the spacing of the first h1 header on the front page... might have to think about this a bit more

from boostrap-v3-theme-minty.

got it! This should be pretty robust now

.template-article .contents > .page-header { margin-top: 50px; }

Turns out the front page uses the article template but has slightly different structure. This should apply the margin change but only on the regular article pages.

from boostrap-v3-theme-minty.

thank you, that works perfectly! 👌

from boostrap-v3-theme-minty.