How to fix a bug on iGEM Wiki template: side menu on mobile displaying automatically on page load

If you plan to use the template provided by iGEM HQ this year (2018), you might need to switch off the auto display of the menu bar on mobile or any narrow screens. This unofficial guide will help you quickly fix this bug.

Warning: The fix has been approved by the iGEM HQ, but please proceed with caution anyway.

Image for post
Image for post
Full screen of the menu on the mobile! Where is my content?

Thanks to Ana Sifuentes, the visual designer of iGEM HQ, this year all participating iGEM teams receive a visually appealing Wiki template to begin their journeys on the International Genetically Engineered Machine Competition (iGEM) over the summer.

Ana and her team have delivered a stunning job here. However, as we all know, a tiny bug in the computer code could cause havoc in the whole software. Unfortunately, front-end website development is notoriously prone to these disastrous bugs … and most of the time you have no ideas what go wrong!

No more prelude, let’s jump to the point!

The Problem

Image for post
Image for post

The Quick Fix

Search for

<div class="igem_2018_team_menu displaying_menu">

(It is on line 540.)

and delete


Then, you’ll have

<div class="igem_2018_team_menu">

That’s it! No more menu filling the entire screen on page load. 🎉🎉🎉

Let’s see the edited version on our wiki: 👀

An additional fix

We’re still in the same template file. Find these lines.

@media only screen and (max-width: 500px) {
.igem_2018_team_menu {min-width:100%; width:100%; }

You may change the min-width and width to anything you wish. For example,

@media only screen and (max-width: 500px) {
.igem_2018_team_menu {min-width:80%; width:80%; }

The result will look like this.

Image for post
Image for post
Let there be some space to the left 👈! Why not visit Our Wiki to see the full content

I hope this help fellow iGEMers. If you find a better way around this issue than this, please let me know in the comment below.

I will be writing more articles on Wiki development and other iGEM topics, mainly all things involving programming and project management soon.

Please subscribe to our publication iGEM Copenhagen on Medium, our Facebook page, Twitter, and Instagram to receive the updates.

I am a member of University of Copenhagen iGEM 2018 team. We are working on a protein production and purification system for the colonization of Mars, called PharMARSy system. PharMARSy is a protein production system that uses the disease-causing bacterial injectisome (Type III secretion system) as a molecular syringe to inject a specific protein, freshly made from a microbial factory, through a biomimetic membrane. PharMARSy allows for both production and purification of the protein — all in one. PharMARSy can work on Earth as well.

To know more about our project, please keep your eye on our website and our wiki (not much content there right now).

As of June 2018, we have received support from Department of Plant and Environmental Sciences, University of Copenhagen, SnapGene, and IDT.

Image for post
Image for post

If you’re interested in supporting us, please contact us at igemku2018 [at] We greatly appreciate all kinds of support in the making of our PharMARSy.

iGEM Copenhagen

We are the iGEM team of University of Copenhagen 🇩🇰.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store