Follow and Hamburger menu buttons not working on iPhone SE

[cconsta1]

Describe the bug
I recently upgraded my project to the latest version of academicpages and was very excited with the new version. However, I discovered that on an iPhone SE (1st generation), the "Follow" button and the hamburger menu are unresponsive. Additionally, the "Publications" tab, from the navigation bar, appears next to the unresponsive hamburger menu (and is functional if pressed which is unintended behavior for the mobile browser), while the dark mode button is either hidden or unresponsive when zoomed in. This issue occurs on Safari and Google Chrome browsers on the iPhone SE (I didn't have the chance to test the site on more recent iPhones).

The site works as intended on desktop, iPad, and Samsung mobile devices, with only minor positioning issues for the dark mode button. Interestingly, when the site is opened in Chrome's Desktop browser using iPhone SE simulation mode, it functions correctly.

To Reproduce
Steps to reproduce the behavior:

1. Open the site cconsta1.github.io on an iPhone using Safari or Google Chrome.
2. Attempt to click the "Follow" button to reveal social media links.
3. Attempt to click the hamburger menu to reveal navigation options.
4. Notice the "Publications" tab next to the hamburger menu.
5. Notice that the dark mode button is hidden or unresponsive when zoomed in.

Expected behavior

• The "Follow" button should reveal the social media links.
• The hamburger menu should display the navigation options.
• The "Publications" tab should not overlap with the hamburger menu.
• The dark mode button should be visible, properly positioned, and functional.

Screenshots

This is what things look like when the project is opened on a Desktop Chrome, in iPhone SE mode:

This is what things look like on my iPhone:

Desktop:

• OS: macOS Monterey
• Browser: Chrome
• Version: 134.0.6998.166

Smartphone:

• Device: iPhone SE (1st generation)
• OS: iOS 15.8.3
• Browser: Safari and Google Chrome
• Version: Latest versions

Additional context

• The issue does not occur on a desktop (MacBook Pro Retina, 13-inch, Early 2015) or iPad, where the site works as intended.
• On Samsung mobile devices, the site works, but the dark mode button is positioned very close to the hamburger menu.
• The issue persists despite attempts to resolve it by modifying the _sass folder.

I will continue trying to make sense of the issue but any help is much appreciated!

[rjzupkoii]

iPhone SE (1st generation) is limited to iOS 15 and the current is iOS 18 so realistically there's a fair chance that some of the features used by the template for responsive design are simply not present which would lead to degraded performance. Hiding the light / dark toggle should be possible for older browsers where the feature is not supported.

[cconsta1]

I see. I have to find a new iPhone to test the site on then, the new features are cool btw. I don't want to hide the light / dark toggle but rather move it a bit to the left (for mobile and tablet screens). What controls its behavior so I tweak it? Also, does the new version have multiple other themes one can play with? If yes, how do you access them?

Thank you very much for your reply!

[rjzupkoii]

@cconsta1 I have iPhone SE (3rd Generation) that I use for testing and I haven't noticed any issues with the template during my own testing, but that might also be due to the updated iOS. Right now there is only the light and dark mode themes in place - I'm not the best graphic designer so I tried to focus on the software infrastructure for additional themes with the hopes that we would get pull requests with new ones. Editing the themes is documented in the Wiki, while this pull request has some of the better pointers to where the code is for the toggling.

[cconsta1]

@rjzupkoii thank you very much for the information about the themes! I found a newer iPhone and opened my site there and it all worked fine so I guess my problems are only due to my old phone and not the project. I just realized that maybe I should have asked this in the discussions instead but anyway, thanks so much for reaching out!