How to solve the problem with the mobile dropdown menu of the Surreal Drupal Theme?

If you purchased the Surreal One Page Parallax Drupal Theme (inspiromedia) in the past or recently (status October 28, 2014) you will encounter a problem with the mobile drop-down menu. All menu entries on the same page as the homepage starting with # work, all the others don't work. The cause is wrong coding.

To resolve the problem you have to edit and change the following section of the inspiromedia.js (sites/all/themes/surreal/js):

Change from:

//open link
$("#nav select").change(function() {
window.location = $(this).find("option:selected").val();
});

To:

//open link
$("#navigation select").change(function() {
window.location = $(this).find("option:selected").val();
});

Thereafter the mobile drop down will work perfectly - as reference please see the following example: http://www.vipassati.ch/.

Taxonomy: 

Drupal themes to be compared