Menu

Hello,
I need to create exactly the same menu (same style): photo on the left, “En ce moment” section with a menu underneath, and “Nos univers” section below the menu.
In terms of style, it should include the background under the text, the photos, and the arrow.
Please let me know what I need to do (I’ll send you the examples in a private message).

Hi DEVPOM1234,

Thanks for reaching to us.

Unfortunately, there is no such kind of effect by default.

Regards,
Hung PD

On vegetable theme you did it : https://woodmart.xtemos.com/vegetables/

So could you help me please ?

Hi DEVPOM1234,

Are you referring to the mobile menu or header menu?

Regards,
Hung PD

Hello,

Mobile menu

Comme ici en photo

Attachments:

You must be logged in to view attached files.

Hello,
I’ve put together the full preview so you can give me the copy/paste code and explain how to do it for each element (1, 2, 3, 4).

See the link in the private section.

Hi DEVPOM1234,

Thanks for mockup.

1. Unfortunately, you requests require customization and out of our basic support. Thanks for understanding our limitations.

2. Please add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:

.mobile-nav img.wd-nav-img {
    width: 60px !important;
    height: 60px !important;
    max-height: 100%;
}

3. The arrow appears only when the menu item has sub-menus, you want to remove it even has sub-menus?

4. The menu included HTML Mega Menu, please refer to this article to change orders on mobile devices https://elementor.com/help/advanced-widget-settings-order/

Regards,
Hung PD

Hello Hung ,

Thank you.

My answers :

1. Could you send me a quote for do it ?
2. Thank you
3. I wan keep arrow but I don’t want le separator line.
4. Ok I will try

Thank you

Hi DEVPOM1234,

Thanks for your patience.

1. Unfortunately, we currently do not offer customization services.

3. Please add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:

ul.wd-nav-mobile>li>a,
.mobile-nav span.wd-nav-opener{
    border: 0;
}

Regards,
Hung PD

Hello,

Thank you.

I did what you told me, but it doesn’t works :

ul.wd-nav-mobile>li>a,
.mobile-nav span.wd-nav-opener{
border: 0;
}

.mobile-nav img.wd-nav-img {
width: 60px !important;
height: 60px !important;
max-height: 100%;
}

Hi DEVPOM1234,

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,
Hung PD

[Author]

Posts