1

I'm using a custom theme, i would like to reduce the height of the mega menu container. Could you please help me out ?

Please find the attached image. header image ( screenshot)

11
  • you add max-height css in your nav-sections Jun 27 '20 at 19:25
  • could you please specify which file ? Jun 27 '20 at 19:26
  • you create any custom css ??? If yes is your custom css add that file Jun 27 '20 at 19:28
  • no, i didnt create any custom css, however, this custom theme have a lot of header options.i have found out that these header files are inside pub folder, not app folder. the files inside the header folder are : element_less.css, _variable_less.css, header-styles.css, header-styles-less.css and variables.xml Jun 27 '20 at 19:30
  • any header file bottom add css in <style></style> tag Jun 27 '20 at 19:31
0

You can add your CSS in your custom themes CSS/less files,

Or you can create a new CSS file.

Thank You.

0

Here is exact css to reduce height of megamenu nav container. You can check your website header-style-01 or header-style-03 or header-style-03

<style>
@media only screen and (min-width: 768px) {
.header-style-03 .panel.header .header-panel-bottom {height:45px !important;}
}
</style>
1
  • i have posted an answer, please find the code and refer. Thank you Jun 28 '20 at 8:58
0
.page-header .sticky-menu.active .header.panel .header-panel-bottom{margin:0}.page-header .sticky-menu.active .cdz-dropdown .cdz-dd-content{top:100%}.page-header .sticky-menu.active .cdz-vertical-menu .groupmenu{margin-bottom:0}@media only screen and (min-width: 768px){.page-header .sticky-menu.active .header-panel-bottom{padding:0 250px 0 0;border:0}.page-header .sticky-menu.active .logo{display:none}}@media only screen and (max-width: 767px){.page-header .sticky-menu.active{padding:0 10px;background-color:#13484e;color:#fff;background:#13484e url(../../../../codazon/themelayout/images/tspr.png) 0 0;min-height:50px}}

this is the code in header css.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.