Return to previous page

How to align the mega menu in the center for all main menu

This topic has 4 replies, 2 voices, and was last updated 4 years, 10 months ago ago by Rose Tyler

Lintu Thomas

Participant

January 7, 2020 at 07:47

I want to fix the mega menu dropdown in the center for all main menu. Currently the mega menu is not center for all menu.
For example:
https://prnt.sc/qkacba

https://prnt.sc/qkacnt

Please, contact administrator
for this information.

#227841 Copied Theme version: 6.2.5

3 Answers
Rose Tyler

Support staff

January 8, 2020 at 09:07
Hello,

Try to use the next custom CSS code:
```
.menu-static-block.nav-sublist-dropdown {
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    animation: et-fadeIn .3s ease !important;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out;
}
.item-design-mega-menu {
    position: static;
}
.item-design-mega-menu:hover .menu-static-block.nav-sublist-dropdown {
    opacity: 1;
    visibility: visible;
}
```
Regards
#227884 Copied
Lintu Thomas

Participant

January 9, 2020 at 11:11

Thanks you

#227952 Copied

Rose Tyler

Support staff

January 9, 2020 at 11:12

You’re welcome!

Regards

#227953 Copied
Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Digital Marketing – WordPress WooCommerce Theme

lazy-placeholder

Kids Toys Store – WordPress WooCommerce Theme

lazy-placeholder

Ecotransport Store – WordPress WooCommerce Theme

lazy-placeholder

Grocery Market – Multivendor WP WooCommerce Theme

lazy-placeholder

Designers – WordPress Theme

lazy-placeholder

Interior – WordPress WooCommerce Theme

lazy-placeholder

Finances – WordPress WooCommerce Theme

lazy-placeholder

Hemp & CDB – WordPress WooCommerce Theme

lazy-placeholder

Organic Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Classic Fashion Store (Dark) – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.