Return to previous page

Align mega menu at center - by howard - on WordPress WooCommerce support

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

howard

Participant

August 27, 2020 at 06:59

This is a testing website. I try to make a mega menu align at the fixed center but it align center below that menu item (佛牌與聖物)

Please refer to the following image , I wanna center the mega menu to the green area not red area.

https://ibb.co/cDBmkj4

#249548 Copied Theme version: 7.0.0

1 Answer
Rose Tyler

Support staff

August 27, 2020 at 07:10
Hello,

Add the next code in Theme Options > Custom CSS:
```
.et_b_header-menu.et_element-top-level .item-design-mega-menu {
    position: static;
}
.et_b_header-menu.et_element-top-level .item-design-mega-menu .nav-sublist-dropdown:not(.nav-sublist) {
    right: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    width: 100%;
}
```
Regards
#249551 Copied
Viewing 2 results - 1 through 2 (of 2 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

Poster – WooCommerce Theme

lazy-placeholder

Architecture – WordPress Theme

lazy-placeholder

Watches Store – WooCommerce Theme

lazy-placeholder

Designers – WordPress WooCommerce Theme

lazy-placeholder

Niche Market – Multivendor WP WooCommerce Theme

lazy-placeholder

Ecoenergy – WordPress WooCommerce Theme

lazy-placeholder

Plants Store– WordPress WooCommerce Theme

lazy-placeholder

Beaty & Cosmetics – WordPress WooCommerce Theme

lazy-placeholder

Industrial Power Tools Store – WordPress WooCommerce Theme

lazy-placeholder

Minimal Fashion Store – 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.