Font Awesome icone in MENU - how to change the position

Hi there,

try adding this CSS:

@media (min-width: 769px) {
    .main-navigation .main-nav ul li a {
        position: relative;
    }
    
    .main-navigation .main-nav ul li a i {
        position: absolute;
        top: -10px;
        left: 50%;
        transform: translateX(-50%);
    }
}

Hi

yep - its now over the MENU :)

But its now on the left - can I change it too the center?
- I wanna put other icones for all other MENU points...

Kr
Robert

Cool :) I updated the code here.
That code will apply to all menu icons.