Problem of main navigation – mobile view.

[dd_mel]

Hi,

The header style I chose is “4” and I moved the main-navigation under “cart, wishlist and search” (please see the attachment “1 – current header style”) by using function.php in child theme.

It works fine on computer screens. However, when I browse it from mobiles, it became as a disaster: all sub-menus came out and just laid on the contents (did not push the content below). (please see the attachment “2 – mobile view”).

Could you please help me find out how to fold sub-menus and make them back to normal?

Below is the change I put in function.php (child) and I also made some css change to make nav looks good.

Thanks a lot.
Rebecca

Attachments:

You must be logged in to view attached files.

[dd_mel]

Or, could you please let me know which file should I refer, if I wanted to change the way navigation shows from mobile view?

Thanks a lot.

Rebecca

[dd_mel]

Hi,

I think I found out the solution that put the mobile nav back to normal. (it is because the height I changed for containers result in the conflicts)

However, the sub-menu still cannot be folded. Is that possible display a responsive three layer navigation? (as screenshot “3 layer menu“）.

Thanks a lot.

Regards,
Rebecca

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

I’m not understanding exactly the issue. Your menu in my mobile looks fine to me.
https://www.dropbox.com/s/0i1obp92r3ioi50/2015-05-08%2002.22.02.png?dl=0

-Rui

[dd_mel]

Hi Rui,

Sorry that maybe I did not clarify the problem clearly. As you can see from the picture (in your reply), the 1st-layer menu title “shop” contains 2nd-layer menu title “iPhone” and the “iPhone” contains the 3rd-layer menu title “iPhone 4/4s”.

Just wondering is that possible to only display the 1st-layer menu titles when I clicked the navigation (on mobile). Then, when I clicked the “shop”, the 2nd-layer menu appear.

Thanks a lot.

Regards,
Rebecca

[Rui Guerreiro – SUPPORT]

Hi,

I’m afraid that’s not possible has default in Neighborhood.

Will forward your suggestion(Show only 1st level menus, and display 2nd level menus on click) to the development team.

-Rui

[dd_mel]

Hi Rui,

Thanks for that.

Rebecca

[Rui Guerreiro – SUPPORT]

No problem.
-Rui

[Swift Ideas – Ed]

Hi Rebecca

It is something we have on our list to improve in an update.

Thanks,

– Ed

[dd_mel]

Hi Ed,

That’s good. Looking forward to the new update.

Thanks heaps for the amazing theme!

Rebecca

[Mohammad – SUPPORT]

Hi,
Great thanks to Ed.
Mohammad