Mega menu width properties

Hello devs, I’m performing some changes on the mega-menu and header files of the DW FOCUS theme.

However when I try to expand the menu much like how mashable has their menu setup I cannot get the <ul class=”sub-menu”> and <div class=”subcat”> to fullfill the whole space provided by <div class=”sub-mega-wrap”>

The issue can be seen here http://boavistaja.com Where in the code lies the key to this desired effect ?

Marcos Curvello
replied 10 years ago

The support here is great the developer are very active as everybody can see! =|

1 Answers

DominicStaff
answered 10 years ago

Hi,
Apologies for the delay in replying to you.
To resolve this issue, you can add the following code to the style.css file:

.navbar .nav .menu-item-object-category .sub-mega-wrap {
    width: 100% !important;
    text-align: center !important;
}

.navbar .nav .menu-item-object-category .sub-mega-wrap .sub-menu, .navbar .nav .menu-item-object-category .sub-mega-wrap .subcat {
    display: inline-block !important;
    float: none !important;
}

.navbar .nav .menu-item-object-category .sub-mega-wrap .subcat {
    vertical-align: top !important;
    text-align: left !important;
    width: 885px !important;
}

.navbar .nav .menu-parent-item:hover .sub-mega-wrap {
    clip: rect(0,10000px,1000px,0) !important;
}

Hope this helps !