different size of mega menu for laptop

Hi,
can I do different size of rectangle of mega menu for desktop and laptop?
now size of rectangle does not fit laptop display.
now mega menu dedicated for desktop or tablet or smartphone, but not for laptop.

how to improve by css? what’s name of this rectangle class?
thx

Attachments:

You must be logged in to view attached files.

Hello,

The mobile menu does not support the mega menu. You will need to clone your menu and arrange the items as a menu and sub-menu.

Best Regads

but I said that problem not in mobile.

problem in laptop (notebook).

see attachment

Attachments:

You must be logged in to view attached files.

Hello,

You can choose “Set size” in the menu item and specify the size https://xtemos.com/docs/woodmart/create-menu-2/

Best Regards

but I need one size for desktop (2K – 2560 px – width) and other for notebook resolution (1200 width).
In css I need case. question is what’s name of class of menu

Hello,

Please provide your site URL I will provide custom CSS.

Best Regards

eden4u.co.il

Hello,

Your site is not workable now. https://www.eden4u.co.il

As soon as it works, I will be able to provide custom CSS.

Best Regards

in https working but with js errors (described problem in other topic)

Hello,

The site does not work https://prnt.sc/r2s0ek

Rename the plugin folder in FTP, check the site, if the site works, rename the plugin folder as it was and provide site admin access.

Best Regards

“The site does not work https://prnt.sc/r2s0ek”
works now

“Rename the plugin folder in FTP”
really do not know about talking about
provided pass in private

Hello,

Please add this code to the Theme Settings > Custom CSS > Global/Tablet/Mobile:

.menu-item-9274.menu-item-design-sized > .sub-menu-dropdown {
    width: 1000px;
}

Insert the code to all the fields and set the width as per your needs.

Best Regards

>> .menu-item-9274.menu-item-design-sized > .sub-menu-dropdown
it’s dedicated for ALL menu (laptop) or each one needs it’s number?

Hello,

1. Set the Ful-width in each menu item.

2. Insert the code and limit the width for each device: Desktop, Tablet, Mobile

If you want (2K – 2560 px – width) insert this code into the Desktop:

.menu-item-9274.menu-item-design-sized > .sub-menu-dropdown {
    max-width: 2560px;
}

If you want other for notebook resolution (1200 width)

Add this code to the Mobile/Tablet

.menu-item-9274.menu-item-design-sized > .sub-menu-dropdown {
    max-width: 1200px;
}

Best Regards

I inserted this css. in 2K appears small. if I need larger menu rectangle – how to do it?
see attach.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

@media screen and (min-width:2000px){
.item-event-hover:hover>.sub-menu-dropdown{
min-width:2500px;
}
}

Set the values as per your needs.

Best Regards

[Author]

Posts