[SOLVED] Menu button missing when page viewed from android browser

support
1

Hi,

I just built my website using hugo-academic:
http://people.math.carleton.ca/~gtzanaki/
Thanks for the great work.

The webpage looks good from my desktop but when I access it from my android phone I get something like this:

Screenshot_20170829-082858
Screenshot_20170829-082858.jpg1080×1920 329 KB

As you can see the menu button is missing in the top right corner, and you need to scroll to the right to see it.

On the other hand, if I go to a project page, for example my PhD thesis, then the menu button appears (sorry, but the site does not allow me to post a second screenshot).

Is that a bug with the theme by any chance?

Mind that although I very slightly customized the theme (reduced some font sizes, switched titles to lowercase), the issue remains when I build the website with the original untouched academic theme v 0.24.

Thanks in advance

EDIT: I tried two different browsers on Android and I have the same problem with both.

2

To answer my own question, the problem was with the iframe that I had, containing the map. The map was too big so the width of the page was affected and the menu was far on the right because of that.

I found the solution here, where they explain how to create a responsive map using custom css.