Templates

DutchPC · November 17

Hello,

I use the template Cosmetics 4.

I'm trying to adjust the mega menu in the shop menu. When i make a change in one of the mega menu's it does not save the changes or it saves it for all the menu's.

For example, I've added a shadow to one of the mega menus, and it's under menu OPTIE 2. However, the menus under OPTIE 1 and 3 also got shadows.

And I'd like the arrows on the right (<) to be on the left, since the menus are also displayed on the left.

In the first image it shows the correct sub megamenu. In the second image it shows shadow which I have not set.

https://nieuw.karijnbeautymind.nl/

Thanks

Phil · November 18

Hi,

1) Go to Bethem -> Tools, use an option to regenerate Local CSS, and check if the problem persists:

2) Try the following CSS code:

#menu-item-79 .sub-menu .menu-item a{
 flex-direction: row-reverse;
}
#menu-item-79 .sub-menu .menu-item a .mfn-menu-sub-subicon{
 margin-right: auto;
 margin-left: 6px;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

DutchPC · November 18

1) That did not help. When i change something on the mega menu under OPTION 2, it changes it on all menu's. If I change something on the other mega menu's, it doesn't change on the front.

2) That works!

Thanks

Phil · November 19

Please send us the WordPress dashboard and FTP access privately through the contact form, which is on the right side at https://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

Notice!

Please attach a link to this forum discussion.

Sending incorrect or incomplete data will result in a longer response time.

Therefore, please ensure that the data you send are complete and correct.

Thanks

Phil · November 20

I have corrected it for you.

Please check it out.

Thanks

DutchPC · November 22

Yes it works.

1 other question. How can i get the submenu in both menu to float a bit lower. I tried it with margin. The submenu will then become separate from the menu, but if you want to move the mouse from the menu to the submenu, it will disappear again.

Thanks

Phil · November 24

If you add some bottom padding to menu items in the header template menu, it will push submenu further down:

Best regards

DutchPC · November 24

When I do that, the main menu gets padding at the bottom. Since I'm using a hover color, you won't see a lower submenu; it's still adjacent to the main menu.

Regards

Roy

Phil · November 24

It is not a very elegant solution, but it is the only thing I can think of at the moment:

.mfn-header-menu > .menu-item-has-children > a{
 margin-bottom: 12px;
 margin-top: 12px;
}

Put this CSS in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

DutchPC · November 24

That does work, but the hover on the items with no children is not correct this way.

I just accept that it can't happen.

Thanks

Phil · November 25

If I come up with another idea, I will inform you.

Best regards

Templates

Comments

This website uses cookies