Помощ за изключване на hover ефект в navbar

bgtifo

Well-Known Member
Здравейте,

в wordpress сайта ми http://colorfulcopywriting.com имам навигационно меню, в което слагам икона от font awsome за facebook... иконката обаче излиза наред с останалите линкове в навигацията: за нас, портфолио и т.н. просто е наредена на опашката.

Аз обаче искам тази икона да се появява в крайната дясна част на навигационното меню и за целта я позиционирам със следния css код:

._mi.dashicons.dashicons-facebook {
margin-left: 333px;
}

Дотук добре, но когато отида с мишката на иконата излиза hover ефект, който стига до другите линкове и става много грозно. Искам да премахна hover ефекта само за тази икона, но не знам как. Това възможно ли е да се случи, и ако да бихте ли споделили как може да стане.

Не искам ховър ефекта да се изключва и за другите линкове в навигацията, а само за фейсбук иконата.

За съжаление самата тема Generatepress (безплатната версия) не предлага добавяне на соц. икони в навигацията.

Ще се радвам, ако някой ми помогне.

Благодаря предварително!

P.S.

можете да влезете в сайта ми и да видите как като отидете с иконата на мишката ховъра излиза през цялото меню. Не мога да го обясня по друг начин.
 

Горе