TryGhost / Casper

The default theme for Ghost
https://demo.ghost.io
MIT License
2.54k stars 2.78k forks source link

z-index issue when including links in blog description #134

Closed hannawallach closed 9 years ago

hannawallach commented 10 years ago

Hi,

The current recommended way to include links in the blog description is to replace {{@blog.description}} with {{{@blog.description}}} in index.hbs (see here for more discussion). However, when I do this with the default Casper theme, I run into (what I think are) z-index issues. Specifically, the resultant links work fine on my computers (Linux w/ Firefox, Windows w/ IE) but they do not work at all on my cell phone (Android w/ Chrome). Since adding in any link (via an <a> tag) immediately below the HTML that includes the blog description results in the same problem, I think that this is probably a z-index issue, maybe involving the "Subscribe" link, which works just fine. (Possibly related: the bouncing arrow icon does not appear either, but maybe this is intentional for mobile display.)

I'm not a CSS expert, so I'd love some input on how best to fix this issue. More generally, this issue should probably be fixed in future versions of Casper, if replacing {{@blog.description}} with {{{@blog.description}}} in index.hbs continues to be the recommended way to include links in the blog description.

Thanks! Hanna

novaugust commented 9 years ago

The new ghost navigation settings is now the best way to put links on your blog; I'm going to close this with that in mind :)