How to customize Header font sizes

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;
}