[Support request] font awesome in secondary menu

[Rafik]

Hello everybody

when I writing the code in CSS Aditional

i.fa.fa-twitter-square {
	color: #00ace2; font-size:20px!important;
	margin-right:500px;

}

no change in margin ???

[Leo]

Hi there,

Can you link me to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

[Rafik]

I add you my website .. I need move twitter icon to right?

[Leo]

Hmm I’m only seeing 3 flags in the secondary navigation and no Twitter icon.

Let me know.

[Rafik]

I’m sorry just for Arabic flag you can see this problem

and when you put the mouse on twitter icon you can see how to try margin this icon but not move

best regards

[Leo]

Hmm remove the CSS you are using, add the menu-item-float-right class as suggested here:
https://docs.generatepress.com/article/adding-icons-to-menu-items/#floating-the-icon-to-the-right

Then add this CSS:

body .main=navigation .sf-menu>li.menu-item-float-right {
    float: left!important;
}

[Rafik]

thank you for responding me

After a lot of attempts, this code worked with me

is this right or there is better?

.secondary-navigation .main-nav ul li.menu-item-float-right {
    float: left!important;
	 margin-left:1200px;
}

[Leo]

Looks good.

Wrapping that with media query should be better:

@media (min-width: 769px) {
    .secondary-navigation .main-nav ul li.menu-item-float-right {
        float: left!important;
	margin-left:1200px;
    }
}

[Author]

Posts