Customise the CSS on Smart Menu
Hello,
I am on the trial for the Smart Menu and will go for the Pro if I can customise the CSS. Could you share with me where I can customise the CSS for the list styles. Specifically I am looking to make the following updates:
.tmenu_item--root > .tmenu_submenu {
height: auto !important;
top: auto !important;
position: absolute;
clip: auto;
margin-left: 0 !important;
margin-right: 0 !important;
background: #f2f2f2;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 20px !important;
}
.tmenu_submenu_type_mega {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 50px !important;
}
.tmenu_submenu_type_mega .tmenu_submenu {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 10px 0 !important;
position: relative !important;
top: 0 !important;
left: 0 !important;
background: transparent !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
z-index: 1 !important;
}
.tmenu_item--root .tmenu_item_display_header > .tmenu_item_link {
border-color: rgba(0,0,0,.05);
border-width: 0 0 0 0 !important;
border-style: solid;
white-space: nowrap !important;
}
Thanks!
Maz