Archived topic
font awesome in secondary menu
7 replies · Started by Rafik on April 17, 2018
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 ???
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 :)
I add you my website .. I need move twitter icon to right?
Hmm I'm only seeing 3 flags in the secondary navigation and no Twitter icon.
Let me know.
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
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;
}
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;
}
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;
}
}