jpescador / hugo-future-imperfect

A ported theme with some extras for the Hugo static website engine
MIT License
308 stars 227 forks source link

Using "Intro" title remove fixed header on mobile #110

Closed dudil closed 3 years ago

dudil commented 6 years ago

Expected Behavior

Current Behavior

When using a markdown post file with the following Intro heading, it is replacing the "intro section" on the page head (notable on mobile view [iphone 6s])

# intro

Possible Solution

My guess is that it is happening since this action is referred on the CSS & JS as "#intro". This is non programatic name and hence interfere with this possible (and very reasonable) header.

Possible workaround will be change in blog Intro to Introduction (if decided not to fix and anyone else encounter that)

Steps to Reproduce or Template with Error (for bugs)

  1. Create a new markdown file for blog post
  2. set one of the titles (anywhere on page) as "Intro" using the markdown notation:
    # intro

    This issues was reproduced with all H1, H2 & H3

  3. View blog page on mobile
  4. Page head is replaced by the word Intro

Context

Your Environment

Hugo Version: 0.34

Browser: Safari on iOS Desktop or Mobile: Mobile

Link to your project: https://elv8.co - I removed that from production # #