It used to be that a dropdown would appear when the browser width was too small to display the main menu, but that doesn't seem to show up anymore. Therefore, on mobile devices it is impossible to navigate. Am I missing something? Is there anything that could cause this?

Comments

drupalninja99’s picture

drupalninja99 CreditAttribution: drupalninja99 commented

I will take a look

drupalninja99’s picture

drupalninja99 CreditAttribution: drupalninja99 commented
Status: Active » Needs review

Hello there, I was not able to reproduce this issue. Please review my jing video here: http://screencast.com/t/PPz7EqVy.

While looking at this I did notice an issue with the Superfish module that I have corrected in 7x dev, but it is a separate issues where a 'main menu' label was popping up.

drupalninja99’s picture

drupalninja99 CreditAttribution: drupalninja99 commented

Pushed this out to 7.x-1.11: https://drupal.org/node/2187269

mr_unicorn’s picture

mr_unicorn CreditAttribution: mr_unicorn commented

Although I have not updated to 7.x-1.11 yet, I skimmed through the HTML and by comparing it with a very old OpenChurch site that's nav bar worked correctly, I noticed that in my site the HTML and Javascript that is required to make the
dropdown menu appear and function are in a CDATA section, so they aren't being parsed, and the mobile navbar is therefore not functioning properly. Seen anything like this before?

mr_unicorn’s picture

mr_unicorn CreditAttribution: mr_unicorn commented
Status: Needs review » Active
drupalninja99’s picture

drupalninja99 CreditAttribution: drupalninja99 commented

It's very common for JS to run btwn CTDATA.

mr_unicorn’s picture

mr_unicorn CreditAttribution: mr_unicorn commented

but its not running...

mr_unicorn’s picture

mr_unicorn CreditAttribution: mr_unicorn commented

Wait - never mind. I had a dumb moment there.

mr_unicorn’s picture

mr_unicorn CreditAttribution: mr_unicorn commented

Okay so:

The <div> that should contain the <select> element for the mobile menu is for some reason not getting included in the page output. The id of this div was block-menu_block-1 in earlier versions, and I cannot find this div in the page output. For the desktop navbar, the block-superfish-1 div element seems to be used, and that is working correctly and can be found in the HTML. It's just the mobile navbar that isn't getting included, which would explain why it doesn't show. What OpenChurch default block would correspond to block-menu_block-1? (I am trying to see if it might possibly be disabled).

mr_unicorn’s picture

mr_unicorn CreditAttribution: mr_unicorn commented

What's weird is that references to the block (its id) occur in CSS and jQuery that is included in the page output, but the actual block (its <div> element) doesn't exist in the page. Would an example help?

drupalninja99’s picture

drupalninja99 CreditAttribution: drupalninja99 commented

Hi @appleunicorn you did some good research on this. I bet the CSS id changed. Let me see if I can find the correct setting. I bet you will need to update the tinynav configuration.

drupalninja99’s picture

drupalninja99 CreditAttribution: drupalninja99 commented

You will want to go to "admin/config/user-interface/tinynav" and change "CSS / jQuery selector" to #block-menu-block-1 ul.menu. That should fix the issue.

mr_unicorn’s picture

mr_unicorn CreditAttribution: mr_unicorn commented

I changed this, but it did not solve the issue. There is no <div> element on the page HTML with an id of #block-menu-block-1. In fact, there isn't a single <select> element in the page at all either.

mr_unicorn’s picture

mr_unicorn CreditAttribution: mr_unicorn commented

The HTML makes this sound like it's a separate block. Any chance this block could be disabled in my configuration? (How would I re-enable it?)

drupalninja99’s picture

drupalninja99 CreditAttribution: drupalninja99 commented

Can you look at the source and search for 'menu-block'. What was the old version of OpenChurch were you upgrading from? Thx!

drupalninja99’s picture

drupalninja99 CreditAttribution: drupalninja99 commented

You will want to go to /admin/structure/context/list/openchurch-all-sitewide/edit and make sure the mobile menu block is enabled and placed in the navigation area. You could revert that context but then you might lose customizations you have made.

mr_unicorn’s picture

mr_unicorn CreditAttribution: mr_unicorn commented

A search for "menu-block" did not yield anything besides the tinynav code and various administrative menu items. There is no block with the name "Mobile Menu", or anything to that effect at /admin/structure/context/list/openchurch-all-sitewide/edit.

This was actually a fresh install. The old version I was referring to is on a separate server and was created quite a while ago.

mr_unicorn’s picture

mr_unicorn CreditAttribution: mr_unicorn commented

I just solved the issue. I don't have at this very moment to write up an explanation of how I fixed it, but you were very close with your guess that the block id had changed. I will try to write a brief explanation once I get a moment later. Not sure what status you want to set this issue to for the moment.

kjv1611’s picture

kjv1611 CreditAttribution: kjv1611 commented

appleunicorn,

When you find the time, could you update this thread with how you fixed the issue? Thanks. It'd be interesting to see what the fix was.

drupalninja99’s picture

drupalninja99 CreditAttribution: drupalninja99 commented

Hi @appleunicorn yes I need some help on this bc I cannot recreate the problem on my end.

drupalninja99’s picture

drupalninja99 CreditAttribution: drupalninja99 commented
Status: Active » Closed (won't fix)

I would recommend upgrading to 2x which has a much improved mobile experience.