Return to previous page

Full menu drop down activates parent link

This topic has 20 replies, 3 voices, and was last updated 9 years, 8 months ago ago by Olga Barlow

Jimbo

Participant

March 11, 2015 at 17:26

Hi,

I have the full menu active on my woopress installation but I have noticed that when you click on the menu with sub categories it activates the parent link and does not give you chance to choose a sub item?

This is using woopress on mobile (iPad)

Thanks in advance, login details in private

Please, contact administrator
for this information.

#48844 Copied

19 Answers

Eva Kemp

Support staff

March 11, 2015 at 19:09

Hello,

Please read our documentation how to create full width menu https://www.8theme.com/demo/docs/woopress/#!/primary_menu

Thank you.
Regards,
Eva Kemp.

#48885 Copied

Jimbo

Participant

March 11, 2015 at 19:27

I already have the full width menu, it does not work properly?

#48896 Copied

Eva Kemp

Support staff

March 11, 2015 at 19:47

Hello,

To have full width menu you need add special CSS Classes combination to the first level of the menu. At first you need to specify the main class menu-full-width and then the additional one, that will set the quantity of the columns in your menu from menu-column1 to menu-column5.
Please specify what menu item you want to make full width.

Thank you.
Regards,
Eva Kemp.

#48906 Copied

Jimbo

Participant

March 11, 2015 at 20:29

Hi,

I’m looking to make the menu full width where it says repairs

Thanks

#48917 Copied

Jimbo

Participant

March 12, 2015 at 12:00

Still can’t get this working correctly?

#49027 Copied

Jimbo

Participant

March 12, 2015 at 12:19

Also to add I don’t think you understand fully the issue.

When on a mobile device and you tap the drop down menu it activates the first parent link which in my case is ‘ Repairs ‘ and goes to that page.

The first tap should open the drop down menu so you can choose the sub menu items.

Maybe the area where you tap (down arrow) is not big enough to register your finger?

This is not responsive for a customer.

#49035 Copied

Eva Kemp

Support staff

March 12, 2015 at 12:21

Hello,

As I see now you’ve added “menu-full-width” class and the class for columns.
When you hover the menu item “Repairs” the submenu will be opened and you’ll see subitems in full width.

Regards,
Eva Kemp.

#49037 Copied

Jimbo

Participant

March 12, 2015 at 12:31

Eva,

But that only works on desktop computers, not on the iPad…. it activates the parent link because using a mobile device you can’t hover like a PC using a mouse.

Mobile device you tap, so this does not work on tablets so having sub menu items is useless ?

#49045 Copied

Eva Kemp

Support staff

March 12, 2015 at 14:52

Hello,

If you tap the menu item on iPad and drag your finger down a bit you’ll see drop down submenu.
Please try it.

Thank you.
Regards,
Eva Kemp.

#49129 Copied

Jimbo

Participant

March 12, 2015 at 15:06

Eva,

Sorry that does not work, the menu does not work and as I have told you several times it activates the parent link!

Shall I email Olga directly as this issue is not user friendly, the full width menu is useless and DOES not work

#49131 Copied

Eva Kemp

Support staff

March 12, 2015 at 17:50

Hello,

Please create a ticket at http://support.8theme.com/ and describe your query.

Thank you.
Regards,
Eva Kemp.

#49185 Copied

Jimbo

Participant

March 12, 2015 at 23:11

Eva,

I have explained the problem here so don’t really see why I should open a ticket to explain the same problem.

Please can you ask another member of staff to look at this.

Thank you

#49262 Copied

Jimbo

Participant

March 13, 2015 at 09:31

I think the work around for now is to use a custom link and not to put an URL for the link for the parent link I.e. Repairs

This way you can tap once to reveal sub categories without activating the parent main link.

I think you should look into the main menu in a future update (not mobile menu)

For the mobile menu, how can I add a X like your menu on the support forum to close the menu?

Also how can I add an icon on the mobile menu links to the left?

#49293 Copied

Olga Barlow

Support staff

March 13, 2015 at 17:26

Hello, @Jimbo,

Developers took a closer look at iPad menu problem, but unfortunately there is no way to change its work. Either do the changes and use mobile menu also on iPad or just use custom link.

We’ll add close icon feature in next theme update (tomorrow), so, please wait.

To add icons on the mobile menu link you can use :before CSS pseudo element.

Regards,
Olga Barlow

#49458 Copied

Jimbo

Participant

March 13, 2015 at 17:35

Olga,

Thanks for this, I appreciate the developers looking at this.

I think for now I will just use the custom method without the URL.

Do you have any more detailed info on the icons for the mobile menu icons as I don’t fully understand how the pseudo works, can you give an example?

Thank you Olga, I hope you are well.

#49464 Copied

Olga Barlow

Support staff

March 14, 2015 at 10:54

Hello,

Sorry, but we don’t provide css tutorials. I see you are using two different menus for mobile and desktop versions. In this case you can just add icon code as navigation label, check Home item.

Regards,
Olga Barlow

#49600 Copied

Jimbo

Participant

March 14, 2015 at 14:03

I never asked for a tutorial, I asked for an example!

Quite amazing how you guys can be nice to some people on the forums and others you can be unhelpful.

Like others there are problems with this theme, if you are unwilling to help then as I have told you before I will just get a refund from PayPal!

#49626 Copied

Jimbo

Participant

March 15, 2015 at 15:39

Olga,

thanks for the example, I have now added icons …. thanks.

Topic can be closed now

#49693 Copied

Olga Barlow

Support staff

March 16, 2015 at 15:10

Hello,

You are welcome.

Regards

#49882 Copied
Viewing 20 results - 1 through 20 (of 20 total)