Community Forums › Forums › Archived Forums › General Discussion › Mobile | Cannot use submenus
- This topic has 9 replies, 3 voices, and was last updated 9 years, 5 months ago by
multifleet.
-
AuthorPosts
-
July 30, 2015 at 7:39 am #160929
glauco
MemberHello!
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 BerlinTwo 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!
July 30, 2015 at 2:41 pm #160983Marcy
ParticipantThe 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
July 30, 2015 at 5:07 pm #160993glauco
MemberHello! 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.
July 30, 2015 at 5:39 pm #160994Marcy
ParticipantYou 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
July 31, 2015 at 8:22 am #161047glauco
MemberThank 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.
July 31, 2015 at 9:56 am #161066Marcy
ParticipantIf 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
August 1, 2015 at 11:14 am #161136Marcy
ParticipantThere 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
August 13, 2015 at 4:07 pm #162311glauco
MemberMarcy, sorry for this late reply.
Thank you very much for all your messages! 🙂
August 13, 2015 at 5:47 pm #162324Marcy
ParticipantAugust 14, 2015 at 4:53 am #162345multifleet
Member -
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.