Return to previous page

Menu responsive mobile (centring problem) and Mega Menu (can’t be closed)

This topic has 10 replies, 3 voices, and was last updated 2 months, 2 weeks ago ago by Jack Richardson

Julien

Participant

September 27, 2024 at 08:09

Hello,

In responsive (mobile), I can’t manage to rebalance the menu (the burger menu should be more to the left and the logo should be centred).

And in the menu, I have a Mega Menu when you click on ‘Pulls’. When it opens, I’d like to have a cross to close it because currently the user has to click in one place to exit the menu.

Thank you for your feedback

Julien

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#416054 Copied Theme version: 9.4.1

9 Answers

Rose Tyler

Support staff

September 27, 2024 at 14:59

Hello, Julien,

Thank you for reaching out to us.

Could you please provide temporary wp-admin access? We need to check your settings.

To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

Best Regards,
8Theme’s Team

#416146 Copied

Julien

Participant

September 30, 2024 at 07:39

Hello,

Thank you for your feedback. Here is the necessary information

Have a nice day

Julien

Please contact administrator
for this information.

#416379 Copied

Jack Richardson

Support staff

September 30, 2024 at 13:05

Hello @Julien
Unfortunately the access you provided is incorrect. Could you please, provide us the correct one ?
Kind regards, Jack Richardson

#416444 Copied

Julien

Participant

September 30, 2024 at 13:49

Hello

I’m very sorry. Please try again with the same details.

Best regards

Julien

#416448 Copied

Jack Richardson

Support staff

September 30, 2024 at 15:54

Dear @Julien,

We have reviewed the request you submitted. It appears that the link directs users to a separate page where the mega menu content is displayed. Currently, there is no pre-existing solution or logic to add such close button for Mega menu post types.

However, we would like to suggest a potential workaround. You might consider adding a button that redirects users to the homepage (on shop), which can be made invisible on desktop devices. This could serve as a temporary solution while we explore more permanent options. To implement such solution edit the Mega menu content and add such content above/below the content.

Should you require further customization, please feel free to submit a request through our customization panel at the following link: https://www.8theme.com/account/#etheme_customization_panel.

Best Regards,
Jack Richardson
The 8Theme Team

#416488 Copied

Julien

Participant

September 30, 2024 at 16:12

Thank you Jack.

OK, so there’s no native solution for integrating the content of the mega menu in the same way as the mobile menu?

As soon as you open the burger menu, there’s a cross to close the menu. Clicking on the link that opens the mega menu takes you away from the appearance of the mobile menu (there’s no longer the site logo, the search and the cross).

Another question: how do you centre the logo and the burger menu in the sticky?

Thank you very much

#416494 Copied

Jack Richardson

Support staff

October 1, 2024 at 07:37

Dear @Julien,

I hope this message finds you well. I would like to inform you that currently, the default option available for configuring mega menus in WordPress involves using only static blocks. For your reference, please see the current setup here: https://prnt.sc/SLUy_7RGXqOo.

Further details on setting up and customizing the mega menu can be found in our documentation: https://www.8theme.com/documentation/xstore/menu-set-up/mega-menu/.

We recommend our clients opt for a simpler menu list for mobile displays to ensure both correct visualization and enhanced user interface/experience. An example of how a simple menu list appears on mobile can be viewed here: https://prnt.sc/wt4xXNMTKKJq, and the subsequent visual display on a mobile device can be seen here: https://prnt.sc/aT-vKBsV17uT.

To fix the position of logo on mobile you should adjust the settings of elements in header. Also, you may try to check the prebuilt headers and import the one you prefer. More examples of headers -> https://www.8theme.com/documentation/xstore/xstore-builders/new-xstore-header-builder-with-elementor/.

Should you require any further assistance or have any queries, please do not hesitate to contact us.

Best Regards,
Jack Richardson
The 8Theme Team

#416560 Copied

Julien

Participant

October 1, 2024 at 08:18

Hi, thanks for your quick feedback!

First of all, regarding the mega menu and the use of static blocks, I’ve taken your screenshot https://prnt.sc/SLUy_7RGXqOo but in the ‘static block’ select I don’t have a checkbox, the select is blank/empty like this, is this normal?

I can’t redesign the menu with sub-items because the products have to be separated (hats and scarves simply can’t be sub-items of jumpers).

Finally, I’ve tried to adjust the settings for the header elements so that the whole thing is centred on mobile but I can’t manage to do it (what’s more, the fact that the desktop menu is hidden on the mobile preview means that I can’t see the real result).

Files is visible for topic creator and
support staff only.

#416570 Copied

Jack Richardson

Support staff

October 1, 2024 at 10:13

Dear @Julien,

I hope this message finds you well. We would like to suggest that you create separate static blocks with custom content or alternatively, export and import templates from the Mega Menus templates. You can find a helpful tutorial here: https://www.youtube.com/watch?v=JiI6qDaVtY4&ab_channel=8THEME. Currently, your list appears empty because there are no static blocks.

Furthermore, our intention was not to reorder the existing menu items. However, you have the option to create custom menu items and categorize them as subitems, as demonstrated here: https://prnt.sc/KoERQWPaBmBl. You may also include links to existing products or any other items that are available.

We have implemented a few improvements to your website’s header, which you can review now. We also recommend checking the updates on actual devices, as the editor does not fully replicate the visual appearance of the final result.

Should you require personalized customization services, we invite you to submit a request through our customization panel at the following link: https://www.8theme.com/account/#etheme_customization_panel. This will allow you to engage directly with our technical team.

Please note that customization services are subject to additional charges. The exact amount will be determined after a detailed review of your request.

Thank you for your attention to these details. We look forward to seeing the enhancements on your site.

Best Regards,
Jack Richardson
The 8Theme Team

#416594 Copied
Tagged: mega menu closure solutions, mega menu issues, menu centring problem, responsive mobile menu, wordpress woocommerce themes
Viewing 10 results - 1 through 10 (of 10 total)