qikify

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