I have tried

.hornav > ul > li > a {

    font-size 14px;

}

but it never works..

but found this code to work best with modifying the Hornav font size

.item-464, .item-464 > a {

    font-size: 20px !important;

}

.item-482, .item-482 > a {

    font-size: 20px !important;

}

.item-493, .item-493 > a {

    font-size: 20px !important;

}

Hello

1. It would be better to move the triangle shape to the right. Your logo if moved to the left will appear outside of the viewport on smaller screens. To do so try adding the following to the Custom CSS field of your templates parameters...

.logo_container::before {

    right: -140px;

} 

2. To amend try adding the following to the Custom CSS field of your templates parameters...

.hornav > ul > li > a {

    font-size 14px;

} 

Ciarán