Mobile | Cannot use submenus

[glauco]

Hello!

I use News Pro Theme.

My menu has subitems.

When I visit my blog using a smartphone in PORTRAIT orientation, I see a collapsed menu. That's OK. The menu works perfectly.

But when I use the smartphone in LANDSCAPE orientation or when I visit using a tablet, I see the regular menu, just like in my desktop computador. Now the problem comes.

Let's consider this example from my menu:

= Germany
== Berlin
=== Restaurants in Berlin

Two subitems in the item Germany.

Obviously, I want to see the subitem Berlin when I tap Germany. Then, if I choose Berlin, I need to see the subitem Restaurants in Berlin.

But, when I tap Germany, I immediately go to the page Germany, with no chance to see the subitems.

Very wrong. Subitems are a great way to organize a menu. In all my 3 blogs, I already see 60% of the visits coming from mobile devices. I don't feel safe anymore.

Please, what should I do?

Thank you!

[Marcy]

The version of News Pro in your StudioPress downloads area has a theme with a menu that should work.

If you look at the Studio Press Demo in the mobile version, and you click the responsive menu (hamburger) icon, you see items with a + next to them. If you click the +, then the menu will open and drop down, and you should see the sub menu items. If you just click the menu text on the left, you will go to the page.

You can change the + to be arrows if you like, and you can make them look more like buttons. I have blog posts that show these, if you need them.

If you need more help, a link to your website is needed to help with this, since it's specific to your site and not the theme.

---

Marcy | Amethyst Website Design | Twitter

[glauco]

Hello! Thank you for your reply.

The responsive menu (hamburger) works perfectly. This is not my problem.

Let's consider my Nexus 6, which has a big screen (for a smartphone, of course).

When in portrait orientation, I see the responsive menu (hamburger). It works fine with subitems in the menu.

But, when I turn the orientation to landscape, or when I visit the page using a tablet, I see the REGULAR menu -- the same I see when using my desktop. Here is the problem. I cannot see the subitems.

I'll explain again.

I had these options in my menu:

= Germany
== Berlin (subitem)
=== Restaurants (subitem - one more level)

What do I expect? If I tap GERMANY, I should see the other 2 options. But GERMANY works directly as a link and makes my browser go to GERMANY.

The responsive menu (hamburger) is not affected by this problem. I see a + in the item, indicating that I can open subitems there.

This is very serious. It shouldn't happen with Genesis.

[Marcy]

You will just need to make the responsive menu work for larger screens then.

The regular drop down menu works on hover, not on click or touch; the responsive menu works on click or touch.

In the default News Pro, the repsonsive menu starts at
@media only screen and (max-width: 600px) {

You need to find all the menu css in that section and move it up into the section that is
@media only screen and (max-width: 1023px) {

You will also need to keep all the menu lines that are already in the 1023px section.

---

Marcy | Amethyst Website Design | Twitter

[glauco]

Thank you.

I'm not confident enough to make those changes.

Genesis is wonderful. It makes the site structure much better. But it fails in this case. Responsive menu for all kinds of mobile screens should be automatic. I should not be lost here.

[Marcy]

If you want to request changes to your product, then you will want to file a support ticket with StudioPress. You can find it in your My StudioPress section - the Help link. http://my.studiopress.com/help/

I am just a community volunteer, as are most of the people who answer questions here. I don't work for StudioPress.

All the best with your request.

---

Marcy | Amethyst Website Design | Twitter

[Marcy]

There is one more thing that you can try to see if it helps with menus on your phone.

Save a copy of your functions.php and make sure that you have ftp access to your website.

Add the following code to your functions.php

//* Enable the superfish script
add_filter( 'genesis_superfish_enabled', '__return_true' );

//* Enqueue fonts
add_action( 'wp_enqueue_scripts', 'htc_enqueue_scripts' );
function htc_enqueue_scripts() {
    
    //Enable hoverIntent plugin for Superfish
    wp_enqueue_script( 'hoverIntent' ); 
}

This will activate the SuperFish script (already included in Genesis) for you which helps with drop downs on mobile.

You can ask StudioPress support about this, as well.

All the best.

---

Marcy | Amethyst Website Design | Twitter

[glauco]

Marcy, sorry for this late reply.

Thank you very much for all your messages! 🙂

[Marcy]

You're welcome. I hope you got it all figured out.

---

Marcy | Amethyst Website Design | Twitter

[multifleet]

Thanks, Marcy

---

MultiFleet -> Monitorizare GPS autoturisme

[Author]

Posts