Return to previous page

Mega menu hoverover problem, cant click any sub menu

This topic has 8 replies, 3 voices, and was last updated 9 months ago ago by Rose Tyler

cheyingtan

Participant

July 5, 2023 at 08:28

Hi there,

i have problem with mega menu which built using static block.
I can open and view the mega menu, but when i want click on any sub menu, the whole menu disappear. I didnt change any css code, and has no clue on what is happening, can u please help?

#361241 Copied Theme version: 9.0.1

7 Answers

Tony Rodriguez

Support staff

July 5, 2023 at 08:37

Hello, @cheyingtan,

Thank you for choosing XStore as your WooCommerce WordPress theme.

To solve the mega menu dropdown issue, please copy and paste the following CSS code to XStore >> Theme Options >> Theme Custom CSS >> Global CSS and check back to your site after clearing the browser cache:

.et_b_header-menu .menu-item-has-children a:after {content: "";display: block !important;height: 45px !important;width: 100% !important;position: absolute !important;}

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best Regards,
8Theme’s Team

#361242 Copied

cheyingtan

Participant

July 9, 2023 at 14:24

Hi,

I tried add in the css code, and it caused mobile version menu dropdown not clickable, can u double check please?

P/S: I had removed the code as client complaint to me.

#361596 Copied

Tony Rodriguez

Support staff

July 10, 2023 at 05:44

Hello @cheyingtan,

Thank you for your response.

We have conducted an inspection of your website and have not identified any issues. The provided CSS code is only applicable to desktop devices and not to mobile devices. We have recorded a video for your reference. Please watch it in its entirety for a better understanding. https://www.veed.io/view/2137306f-b6f8-4b63-8204-aecbeb3a3102?sharingWidget=true&panel=share

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best Regards,
8Theme’s Team.

#361625 Copied

cheyingtan

Participant

July 11, 2023 at 05:38

If u add in the code into css and check mobile version in live version, the menu become unclickable. And if u remove it, mobile menu works again.

I understand that u test in inspection mode, and it works. I am not sure why it doesn’t work in live version.

I had create a test acc for u, u can try add the code into live website, and see whether it works on ur mobile.

Please contact administrator
for this information.

#361715 Copied

Tony Rodriguez

Support staff

July 11, 2023 at 06:27

Hello, @cheyingtan,

We would appreciate it if you could provide us with information regarding the mobile device you are having an issue with.

To help us better understand the issue, we kindly ask that you record a video of the problem and upload it to a file-sharing service, such as WeTransfer (https://wetransfer.com/).

Also, create temporary wp-admin access, so we can check your settings.

Thank you for your cooperation.

Best Regards,
8Theme’s Team

Please contact administrator
for this information.

#361724 Copied

cheyingtan

Participant

July 30, 2023 at 06:24

Hi @Tony Rodriguez

All mobile device wont work after adding in the code. submenu in mobile become un-expandable, meaning if we click on arrow down button, it wont expand. We can only click on main menu and it will open, just submenu wont show.

I have no idea on what to show in video as its not clickable, u wont see anything even i took a video, maybe u try it with ur own mobile phone u will know what i mean.

I add in details for wp admin access in private area.

Please contact administrator
for this information.

#363230 Copied

Rose Tyler

Support staff

July 30, 2023 at 10:40

Hello, @cheyingtan,

Thank you for getting in touch with us.

Please go to Theme Options > Header builder > Mobile menu > Dropdown Opening Action > Off.

If you do not want to use the custom CSS code. Go to Header Builder > Main menu > Computed Box For The Menu Item > Padding > set 34px for top and bottom.

We hope this information is helpful.

Best Regards,
8Theme’s Team

#363240 Copied
Tagged: click, hoverover, mega menu, submenu, themes, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)