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


I just built my website using hugo-academic:
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:

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.

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.