Skip to main content
  • X Twitter
  • youtube
Home
Drupal 4U
Built for AI. Powered by Drupal.
  • Home
  • Showcases
  • Services
  • Blog
  • Themes
  • About
  • Contact

Breadcrumb

  1. Home
  2. HowTos
  3. How to solve the problem with the mobile dropdown menu of the Surreal Drupal Theme?

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

HowTos
October 28, 2014
Profile picture for user drupal
By drupal
  • facebook-f
  • twitter
  • envelope
  • print
23

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/.

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

Read more articles

Newer
Drupal module XML Sitemap generates wrong URL
Older
Howto change the (default) settings of the Drupal Felxslider (jquery.flexslider.js)
  • Log in to post comments
Profile picture for user drupal
drupal
23
1
min read
A- A+
  • facebook-f
  • twitter
  • envelope
  • print

Contact Us

Get in touch for questions and our Drupal development, design and optimization services.

Contact Us

We aim to reply the latest within 48h.

Drupal 4U: Built for AI. Powered by Drupal.

We are a group of Drupal designers, developers and webmasters. We are Drupal experts! We provide comprehensive services that go beyond traditional web development, focusing on how AI understands, interprets, and cites your content. With our deep expertise in Drupal's architecture, we build the intelligent core of your digital presence, ensuring your brand remains authoritative and visible in a world where AI is the primary gatekeeper of information. Partner with us and let's future-proof your digital strategy together.

  • X Twitter
  • youtube

Drupal Services

  • Drupal Web Design
  • Drupal Development
  • Drupal SEO
  • Drupal GEO
  • Drupal Migration

Drupal 4U

  • Services
  • Showcases
  • Themes
  • Blog
  • About

Drupal Links

  • Official Drupal Website
  • Theme Forest
  • Gaivas Themes
  • More Than Themes
  • DXPR: Drupal for Marketers
  • Drupal Answers
2012 - 2025, Drupal 4U

Footer menu

  • Contact
Home
Drupal 4U
Built for AI. Powered by Drupal.
  • Home
  • Showcases
  • Services
  • Blog
  • Themes
  • About
  • Contact
Clear keys input element