search

joedf / strapdown-topbar

a topbar modification for strapdown.js
http://joedf.github.io/strapdown-topbar
MIT License
20 stars 5 forks source link

Level 2 header gets on the same line as level 1 #7

Closed cbertelli closed 5 years ago

cbertelli commented 7 years ago

If I don't use strapdown-topbar it does not happen, but adding it has this strange effect.

without topbar Imgur

with top bar Imgur

joedf commented 7 years ago

Could you send me a zip of the generated html (browser: Save as...). Sorry for the late reply, been rather busy

cbertelli commented 7 years ago

I uploaded the original source and the generated one. Thanks for replying anyway. workinprogresswhatisthis.zip

joedf commented 7 years ago

Thanks! Yes, I see the problem is the headers (h1,h2,h3,...) are set with display: inline-block;. A quick fix without breaking the styles too much is adding a <br/> tag in front of all anchored/linked headers. Try it with this test version? strapdown-topbar.custom001.js.zip

cbertelli commented 7 years ago

Hello, yes, it works. It was the same solution I choose, adding a
tag after the first header which is usually followed by a lower lever header. c

On 14 August 2017 at 00:17, Joe DF notifications@github.com wrote:

Thanks! Yes, I see the problem is the headers (h1,h2,h3,...) are set with display: inline-block;. A quick fix without breaking the styles too much is adding a
tag in front of all anchored/linked headers. Try it with this test version? strapdown-topbar.custom001.js.zip https://github.com/joedf/strapdown-topbar/files/1220981/strapdown-topbar.custom001.js.zip

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/joedf/strapdown-topbar/issues/7#issuecomment-322071047, or mute the thread https://github.com/notifications/unsubscribe-auth/AIobxPku_kIzqmecrn85Dw_CzyoDMqNSks5sX3YPgaJpZM4OEulc .