Mega-Menu size

Hi,

There is not a specific css to reduce, you will have to use the browser inspector tool for each container from the megamenu and reduce margins, padding.., also please note that it may affect also the megamenu without subcategories so before add the custom css in the panel please also this. If you want to customize the megamenu and you don’t have basic html/css experience I suggest to get someone to help you as we cannot provide custom work at this time, sorry!

Thanks!

Hi,

I can provide you some suggestions, but I cannot customize your megamenu as the time doesn’t allow us to provide custom work, sorry! For example you can try to add a negative top margin for next/prev buttons – http://screencast.com/t/9Gwk7ZyOXu

.td-mega-menu .td_block_mega_menu .td-next-prev-wrap {
margin-top: -40px;
margin-bottom: 0 !important;
}

Also you can reduce the padding – http://screencast.com/t/epvZwRqFW – http://screencast.com/t/ABMLBkaXRqU Or if you want to make it smaller you can try to play a little with width values(use media queries for different screen device) – http://screencast.com/t/g49WcepTro4r

@media (min-width: 1141px) {
.td-mega-menu ul {
width: 1070px !important;
left: 0 !important;
}
.td_mega_menu_sub_cats {
width: 195px !important;
}
}

Hope this helps!

• This reply was modified 10 years by Alin [tagDiv].