Return to previous page

Help with MegaMenu, delete image margins and show submenus

This topic has 15 replies, 4 voices, and was last updated 11 months ago ago by Rose Tyler

MatV

Participant

March 18, 2024 at 21:31

Hello, I need to make a MegaMenu like this:

https://prnt.sc/l7hjf6z22OyY

Its 2 columns, the first one is an image (with no margins) and the second the menu (with submenus)

According to your documentation I was able to do this:

https://prnt.sc/n32gEEczid4i

1. I need to remove the image margins

2. Even though the second column has a menu with submenus, it removes the submenu items and shows it all in the same column… (https://prnt.sc/-p8gSxBWPKKg)

Thank you.

Files is visible for topic creator and
support staff only.

#387426 Copied Theme version: 2.9.2

14 Answers

Tony Rodriguez

Support staff

March 19, 2024 at 08:53

Hello, @MatV,

Thank you so much for purchasing our theme and contacting our support center.

We kindly request that you furnish us with the URL of the static block in question. Additionally, please provide your WordPress administrative credentials in the designated private content area. This will enable us to thoroughly examine your settings and offer the necessary assistance.

We kindly recommend that you take a complete backup of your site before proceeding.

Thank you for your cooperation and we look forward to hearing from you soon.

Warm regards,
The 8Theme Team

Please contact administrator
for this information.

#387470 Copied

MatV

Participant

March 19, 2024 at 18:07

Ok, I will send you loging details of a test website.

Im not using static blocks, Im using the default MegaMenu option you offer, because I want to make use of the submenus function.

This is what I want:

https://prnt.sc/0WNbSd-4ODsX

A Megamenu with two columns, an image on the left column (with no margins) and a menu on the right (each with its corresponding submenu)

This is what I could make with your documentation:

https://prnt.sc/S7adBbJOR7Jn
https://prnt.sc/igKi7IKyIViB

As you can see, I have two problems:

1. The image has margins
2. The submenus (“Lisas” & “Estampadas”) show on the same column and not as a submenu like theyre supposed to.

Please contact administrator
for this information.

#387571 Copied

Tony Rodriguez

Support staff

March 20, 2024 at 06:23

Hello, @MatV,

Thank you for your response.

In order to attain the outcome you are seeking, we kindly ask that you create a new static block that aligns with your specific needs. Once you have crafted the static block, please proceed to select it for the mega menu to function as intended.

For your convenience, we have provided a reference image in the private content area to assist you with this process.

Additionally, Please read our theme documentation here: https://www.8theme.com/documentation/xstore/menu-set-up/mega-menu/

We hope this helps.

Should you require any further assistance, please do not hesitate to reach out to us.

Warm regards,
The 8Theme Team

Please contact administrator
for this information.

#387601 Copied

MatV

Participant

March 20, 2024 at 12:22

Hello, that does not work for me. By making a static block I have to use Elementor, and with Elementor I do not have the way to make dropdown submenus like with the default Menu tools…

I want to create the default dropdown submenus but with two columns, an image on the left.

Is this not possible with your theme??

#387657 Copied
Luca Rossi

Support staff

March 20, 2024 at 14:04
Dear MatV,

We trust this message finds you well.

We would like to inform you that when utilizing a static block to create a mega menu, the sub-menu items are configured to be visible by default. However, should you wish to conceal these sub-menu items, this can be achieved by implementing custom CSS code.

To proceed, kindly follow the instructions to create a Mega Menu using Static Blocks with Elementor on WordPress, as demonstrated in the following video tutorial: [Create Mega Menu Using Static Blocks Built With Elementor](https://www.youtube.com/watch?v=JiI6qDaVtY4&t=429s&ab_channel=8THEME).

Once you have set up your Mega Menu, please navigate to Theme Options > Theme Custom CSS > Global CSS in your WordPress dashboard and insert the following custom CSS code:

.item-design-mega-menu ul.sub-menu { display: none; } .item-design-mega-menu .menu-item-has-children:hover ul.sub-menu { display: inline-flex; }

For your reference, here is a screenshot illustrating the expected outcome: [Screenshot](https://prnt.sc/CoFnpIpqoeuK).

We hope you find this information helpful. Should you require any further assistance, please do not hesitate to reach out.

Warm regards,
The 8Theme Team
#387684 Copied
MatV

Participant

March 20, 2024 at 15:32

Excuse me, but what Elementor Widget do you say has submenus??

The Menu List is the one you provide (and the one you show in the tutorial), and it doesnt have submenus!!

It only has a Title option and then one level list of Items. I need each item to have submenus, like in a normal menu. Is it hard to understad??

It seems you dont really read my messages.

https://prnt.sc/lkO5h8RyFheF

#387698 Copied

Luca Rossi

Support staff

March 21, 2024 at 04:35

Dear MatV,

We kindly request that you utilize the WordPress Menu element, which can be found at the following link:

https://prnt.sc/vm3uKJvuBNu8

Best regards,
The 8Theme Team

#387771 Copied

MatV

Participant

March 21, 2024 at 14:23

Hello, the “WordPress Menu” option you suggest is an option in Elementor Pro, which Im not going to pay…

https://prnt.sc/j4SMcE7H_c6o

Do you offer a way of doing a MegaMenu with submenus yes or no… Its a pretty simple thing I need.

If not I would like a refund…

#387886 Copied

Luca Rossi

Support staff

March 21, 2024 at 16:41

Hi @MatV,

From 9.2 theme version, we have included the XStore Builders feature. To utilize this feature, you need to activate either the Elementor Pro or the free PRO Elements plugin.

The free PRO Elements plugin is a modified version of the Elementor Pro WordPress plugin, originally created by Elementor Ltd. Similar to the original, it is licensed under the GNU General Public License, version 3 (GPLv3). However, unlike the original, it is completely free and does not require activation for use.

We are delighted to inform you that you get access to the functionality of the Elementor Pro plugin at no cost. You can find out what is included in the PRO Elements plugin here: https://proelements.org/#included

Best regards,
The 8Theme Team

#387926 Copied

MatV

Participant

March 21, 2024 at 17:26

Ok then. Im not a fan of using nulled versions of plugins but oh well. I thought it was a function your theme came with.

Anyway.

When I do it with that widget, the arrow icon next to the submenu link disapears. When I see the static block it appears, but on the actual MegaMenu it doesnt show.

https://prnt.sc/JHR76FBotlNc
https://prnt.sc/ngxxUgvzUPC5

#387934 Copied

MatV

Participant

March 21, 2024 at 19:43

Also, submenus on the Elementor static block appear vertical, but on the MegaMenu they appear horizontal…

https://prnt.sc/TjcWgFrpG_MU
https://prnt.sc/ND-phrM6zi6L

#387960 Copied

Luca Rossi

Support staff

March 22, 2024 at 12:14

Hi @MatV,

We’ve created a demo mega menu for you test, please have a look:

https://prnt.sc/32zi64m7ZTvX

Best regards,
The 8Theme Team

#388081 Copied

MatV

Participant

March 22, 2024 at 15:58

Can you please answer all my questions… Read them all.

Again:

1. The arrows that show when theres a submenu appear on the static block, but not when on the MegaMenu.

https://prnt.sc/18XtcuDXgA86

2. Also, you told me this: “The sub-menu items are configured to be visible by default. However, should you wish to conceal these sub-menu items, this can be achieved by implementing custom CSS code.”

That works fine for he first level of submenu, but when theres multiple levels of submenus they all show together, each level should be hidden until you hover the corresponding parent:

https://prnt.sc/OFqjOnkUORcq

(Tell me how to fix these issues, dont just do them yourself without an explanation)

#388141 Copied

Rose Tyler

Support staff

March 23, 2024 at 07:58

Hello, @MatV,

We hope this message finds you well. We have noticed that our recent conversation has taken up a considerable amount of time, and we understand that you may be dissatisfied with the experience. Please accept our sincerest apologies for any inconvenience caused.

We would like to clarify that the menu displayed on the website example you provided is not one that was created with our theme. Consequently, we cannot take responsibility for its reproduction when using the XStore theme. The menu supported by our theme, which can be implemented with its use, can be found in our demonstrations at https://xstore.8theme.com/.

Our support team members have endeavored to provide custom solutions to achieve the desired outcome you seek; however, we regret to inform you that not all functionalities are currently feasible.

We kindly ask you to consider using the menu with the functionality that is included in the theme, as detailed in our guide at https://www.8theme.com/documentation/xstore/menu-set-up/mega-menu/.
Alternatively, if you require further individual customization, we recommend engaging a separate team for this service. We can suggest a team for you, or you may opt to find one independently, as additional customization falls outside the scope of our standard support.

We value our customers and, as a gesture of goodwill, we are prepared to offer a refund for the theme if you are not satisfied with its functionality or the quality of support you have received. Rest assured, we will continue to do everything possible to ensure that our clients who appreciate XStore and its built-in features remain content with their experience.

Thank you for your cooperation and understanding.

Best regards,
The 8Theme Team

Please contact administrator
for this information.

#388185 Copied
Tagged: delete image margins, megamenu assistance, submenus display, woocommerce theme customization, woocommerce wordpress themes, wordpress megamenu help
Viewing 15 results - 1 through 15 (of 15 total)