How to customize the header

I want the menu header to look smaller than present on the desktop. Also, I need all the menu in the same line. How to do this and change the font type on the desktop. Also, for the mobile, i need the menu bar to have smaller size than usual.

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

#masthead .top-section {
    padding: 0;
    border: none;

#masthead .group-actions {
    margin-left: 35px;

#masthead .header-cart-link {
    margin-left: 0;

#masthead .row.bottom-section {
    padding: 10px 0;

@media (max-width: 1199px) {
    #masthead .right-content {
        margin-top: 0;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support