To customize Main Header Area font size, you can add this code snippet into Theme options > Layout > Advanced > Custom css:
.navbar-nav.nav-style-megamenu > li > a > span, .navbar a.text-sm i, .navbar a.text-sm, .navbar .text-18 { font-size: 18px !important; }
To customize Menu text in the main header area, you can change the font size by adding this code snippet into Theme options > Layout > Advanced > Custom css:
.navbar-nav.nav-style-megamenu > li > a > span { font-size: 16px !important; }
To change the dropdown links font size you can add this code snippet into Theme options > Layout > Advanced > Custom css:
.nav-style-megamenu>li.nav-item .dropdown-menu a, .nav-style-megamenu>li.nav-item .dropdown-menu .mega-col-title { font-size: 16px !important; }
To customize the nested Mobile menu items links font size you can add this code snippet into Theme options > Layout > Advanced > Custom css:
.pix-header-mobile nav .dropdown-menu .pix-dropdown-title {
font-size: 16px !important;
}
To customize the Topbar texts and icons font size you can add this code snippet into Theme options > Layout > Advanced > Custom css:
.pix-topbar .text-sm i, .pix-topbar .pix-header-text, .pix-topbar .text-18 {
font-size: 18px !important;
}