chrisrhymes / bulma-clean-theme

A clean and modern Jekyll theme based on Bulma
http://www.csrhymes.com/bulma-clean-theme/
MIT License
388 stars 490 forks source link

Navigation dropdown menu not working #100

Closed ryanjgallagher closed 3 years ago

ryanjgallagher commented 3 years ago

Hello,

Thank you for this great theme. I have tried making my personal website with a couple other themes in the past, but it wasn't until I used this one that I was actually happy with the final result.

I am having trouble with the dropdown menu that appears in the header when on mobile. It is not dropping down when I click on it.

It was previously working, so I'm not sure what caused the issue. I couldn't find any file that I edited recently that would have caused the error. So I tried to go through files in this repository that mention "navigation" or "header" to make sure mine are up to date, but that didn't fix anything. I might have the wrong version of a gem file installed / updated, but I'm not sure which one that would be.

I'm not sure what you need to help me figure this out, so my Gemfile.lock is below and all the files for the latest version of my website are at https://github.com/ryanjgallagher/ryanjgallagher.github.io.

Please let me know what other information you may need. Thank you!

GEM
  remote: https://rubygems.org/
  specs:
    addressable (2.7.0)
      public_suffix (>= 2.0.2, < 5.0)
    bulma-clean-theme (0.11)
      jekyll (~> 3.9)
      jekyll-feed (~> 0.15)
      jekyll-paginate (~> 1.1)
      jekyll-seo-tag (~> 2.6)
      jekyll-sitemap (~> 1.4)
      kramdown-parser-gfm (~> 1.1)
    colorator (1.1.0)
    concurrent-ruby (1.1.8)
    em-websocket (0.5.2)
      eventmachine (>= 0.12.9)
      http_parser.rb (~> 0.6.0)
    eventmachine (1.2.7)
    ffi (1.15.0)
    forwardable-extended (2.6.0)
    http_parser.rb (0.6.0)
    i18n (0.9.5)
      concurrent-ruby (~> 1.0)
    jekyll (3.9.0)
      addressable (~> 2.4)
      colorator (~> 1.0)
      em-websocket (~> 0.5)
      i18n (~> 0.7)
      jekyll-sass-converter (~> 1.0)
      jekyll-watch (~> 2.0)
      kramdown (>= 1.17, < 3)
      liquid (~> 4.0)
      mercenary (~> 0.3.3)
      pathutil (~> 0.9)
      rouge (>= 1.7, < 4)
      safe_yaml (~> 1.0)
    jekyll-feed (0.15.1)
      jekyll (>= 3.7, < 5.0)
    jekyll-paginate (1.1.0)
    jekyll-sass-converter (1.5.2)
      sass (~> 3.4)
    jekyll-seo-tag (2.7.1)
      jekyll (>= 3.8, < 5.0)
    jekyll-sitemap (1.4.0)
      jekyll (>= 3.7, < 5.0)
    jekyll-watch (2.2.1)
      listen (~> 3.0)
    kramdown (2.3.1)
      rexml
    kramdown-parser-gfm (1.1.0)
      kramdown (~> 2.0)
    liquid (4.0.3)
    listen (3.5.0)
      rb-fsevent (~> 0.10, >= 0.10.3)
      rb-inotify (~> 0.9, >= 0.9.10)
    mercenary (0.3.6)
    pathutil (0.16.2)
      forwardable-extended (~> 2.6)
    public_suffix (4.0.6)
    rb-fsevent (0.10.4)
    rb-inotify (0.10.1)
      ffi (~> 1.0)
    rexml (3.2.4)
    rouge (3.26.0)
    safe_yaml (1.0.5)
    sass (3.7.4)
      sass-listen (~> 4.0.0)
    sass-listen (4.0.0)
      rb-fsevent (~> 0.9, >= 0.9.4)
      rb-inotify (~> 0.9, >= 0.9.7)
    thread_safe (0.3.6)
    tzinfo (1.2.9)
      thread_safe (~> 0.1)
    tzinfo-data (1.2021.1)
      tzinfo (>= 1.0.0)
    wdm (0.1.1)

PLATFORMS
  universal-darwin-19

DEPENDENCIES
  bulma-clean-theme
  jekyll
  jekyll-feed (~> 0.12)
  kramdown (~> 2.3.0)
  kramdown-parser-gfm (~> 1.0, >= 1.0.1)
  tzinfo (~> 1.2)
  tzinfo-data
  wdm (~> 0.1.1)

BUNDLED WITH
   2.2.15
chrisrhymes commented 3 years ago

Hello. It looks like you are overriding the default includes/head.html file in your site. I recently refactored the navbar to use alpine.js so you just need to include the following in your custom head.html file:

<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.8.0/dist/alpine.min.js" defer></script>
ryanjgallagher commented 3 years ago

Works perfectly, thank you so much!