Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Hamburger and projects not working on mobile #361

Open
jpkarlsberg opened this issue Jul 26, 2023 · 3 comments
Open

Hamburger and projects not working on mobile #361

jpkarlsberg opened this issue Jul 26, 2023 · 3 comments

Comments

@jpkarlsberg
Copy link

Describe the bug
I recently published and deployed a Hugo site that includes a Projects section. On my laptop the site works as expected. But when I view the site on my mobile device, neither the hamburger menu nor the ability to bring up information about individual projects works. When I click on the hamburger icon or one of the project headings on mobile the text turns from blue to black but nothing else happens.

To Reproduce
Steps to reproduce the behavior:

  1. Go to http://gcbumpy.com/ on a mobile device
  2. Click on the hamburger icon or one of the five listed projects

Expected behavior
When I access the site on my laptop via Chrome or Safari and make the browser window narrow to approximate the display on mobile, these two features of the site work as expected. When I click on the hamburger icon, it brings up a menu with a clickable list featuring the sections of the page. When I click on a project heading or thumbnail, it brings up a title, image carousel, and description of the project. I expected the same functionality on mobile.

Screenshots
Desktop-Projects-Works
Desktop-Hamburger-Works
Mobile-Projects-Fails
Mobile-Hamburger-Fails
IMG_72B6376994CC-1

Desktop:

  • OS: macOS Monterrey 12.14
  • Browser: Chrome
  • Version: 114.0.5735.198 (Official Build) (arm64)

Smartphone:

  • Device: iPhone 12
  • OS: iOS 16.5.1
  • Browser: Chrome
  • Version: 108.0.5359.52

Additional context
I am new to Hugo so I could be missing something obvious here! This is only my second Hugo site and my first using the Introduction theme. When I view the Hugo Netlify site linked from this GitHub repo on mobile I encounter the same problem (see the fifth screenshot). But I also see broken image links so perhaps this demo is no longer being maintained? Thanks so much for any help folks can offer!

@lemontae92
Copy link

Hello, I seem to have encountered the same issue as well. May I ask if your problem has been resolved?

@github-actions
Copy link

It looks like this has been idle a while, so I am marking it as stale. Remove the label or comment if this issue should remain open.

@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale Sep 25, 2023
@jpkarlsberg
Copy link
Author

@lemontae92: thanks for asking. My problem has not been resolved. I do think this issue should remain open.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants