Reduce widget menus width and height

[Macarius]

@pallavi, @vapvarun, Can you please help with the CSS to reduce the height and width of the widget menus? it currently occupies a lot of space and get the users confused. I want to reduced it to about the width and height of the black line. but it should be dynamic for me to play with the best fit.

Please see image attached.

[Anve S.]

Hi @donmacarius,

Try adding following css in child theme custom css option.

@media screen and (min-width:980px){
.is-desktop nav.subheader .menu > li.bm_widget_product_categories > .sub-menu {
  width: 88%;
}
.sub-menu .width-2 + .menu-latest-product {
  padding-bottom: 0 !important;
  padding-top: 10px !important;
}
}

Regards
Anve

[Macarius]

Thanks. That worked

[Anve S.]

Great 🙂