0

I have changed over to using the Zen theme (instead of Omega) on my drupal site, I have a Superfish menu configured with default settings for SF Small Screen plugin to enable on browser width (screen width 768px which is default). It worked perfectly on Omega where i had exactly the same settings, but now with my Zen sub theme, the menu doesn't change to a mobile friendly version when i reduce the browser width on safari. I have my site installed on localhost and looking at view source it shows:

<meta name="MobileOptimized" content="width">
<meta name="HandheldFriendly" content="true">
<meta name="viewport" content="width=device-width">

Yet using the same site with omega theme it shows:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" >  

Am i missing a setting on Zen to enable mobile responsive?

I have ticked all these settings on my zen sub theme:

Add HTML5 and responsive scripts and meta tags to every page. Add Respond.js JavaScript to add basic CSS3 media query support to IE 6-8. Add HTML5 shim JavaScript to add support to IE 6-8. Add meta tags to support responsive design on mobile devices.

Can anyone help?

  • There are a few possibilities here and I need more information. Is the Superfish menu a seperate contributed module? Where does it come from? Is the Superfish menu HTML markup identical in both themes? Basically you need to locate the media query styles which change the menu appearance at 768px. – Rick Bergmann Jan 21 '16 at 23:43
  • Hi, the menu is the Drupal module called Superfish. Its the same module Im using in both Zen and Omega sub themes. – CardiffSteve Jan 22 '16 at 9:07
  • Hi, I have now gone back and activated the Omega theme, and its not working on that either, so my info above is not correct. Is wrong now on both themes. the menu is the Drupal module called Superfish. Its the same module Im using in both Zen and Omega sub themes. I will go back to a previous version when it worked and see whats changed. will come back with more info. thanks – CardiffSteve Jan 22 '16 at 9:24
0

I have just checked the Superfish project status and there are bug reports that Superfish breaks with jQuery versions 1.9 and above. Check what version of jQuery is loading and check if there are any Javascript errors in your browser console.

If that is the problem, you may have to wait for the next version update, or roll back to jQuery 1.8 for the time being.

Superfish jQuery 1.9 Bug Report

  • really appreciate your help. I have managed to resolve the problem now. I had upgraded the super fish module automtically via the Status screen, but not upgraded the Superfish library. Once I did that so they were both on the latest versions, and flushed cache it works again. I must have spent 2 or 3 hours googling to resolve this problem. I was thrown off course because I had switched themes from Omega to Zen which gave me a bit of a bum steer. School boy error really, must always check latest versions of module and any related library . thanks – CardiffSteve Jan 22 '16 at 12:19
  • No problem, glad it's sorted! – Rick Bergmann Jan 22 '16 at 13:34
0

I have managed to resolve the problem now. I had upgraded the super fish module automtically via the Status screen, but not upgraded the Superfish library. Once I did that so they were both on the latest versions, and flushed cache it works again. I must have spent 2 or 3 hours googling to resolve this problem. I was thrown off course because I had switched themes from Omega to Zen which gave me a bit of a bum steer. School boy error really, must always check latest versions of module and any related library .

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.