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 3 years, 8 months ago ago by Rose Tyler

  • Avatar: chihao.weng
    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
    Avatar: Rose Tyler
    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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
WooPress – WooCommerce WordPress Theme
lazy-placeholder
Fishing – WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Bakery Store – WordPress WooCommerce Theme
lazy-placeholder
Car Parts Store – WordPress WooCommerce Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Underwear – WooCommerce Theme
lazy-placeholder
Business – 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.