Hey I’m using the Impact theme in that I want to customize the header hamburger menu items font size to 14px including dropdown menu for both mobile and desktop.
Please add the following code at the bottom of your css file.
navigation-drawer li.h3.sm\:h4 {
font-size: 14px !important;
}
Hope this works!
Go to Online Store → Themes → Customize → Theme Settings → Custom CSS (or add to your theme’s CSS file).
/* Desktop main menu */
.header__linklist .header__link,
.header__linklist a {
font-size: 14px !important;
}
/* Desktop dropdown menu */
.header__dropdown-menu a,
.header__dropdown-menu .link-faded {
font-size: 14px !important;
}
/* Mobile hamburger menu */
.drawer__content .menu-list__item,
.drawer__content .menu-list__link,
.drawer__content a {
font-size: 14px !important;
}
/* Mobile submenu items */
.drawer__content .collapsible__content a,
.drawer__content .menu-drawer__link {
font-size: 14px !important;
}